PHP+iframe图片上传实现即时刷新效果

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了PHP+iframe图片上传实现即时刷新效果，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1955字，纯文字阅读大概需要3分钟。

内容图文

这几天在做一个图片上传功能，原本想用ajax上传图片实现即时刷新，可是一直实现不了，唉。

后来用了iframe框架来实现了，不过这个用这框架却存在一个问题，当我吧图片上传以后我要把上传的路径返回到这框架中，那么怎么取出来，开始我把值直接输出到iframe中，但是我去取出路径的时候一直没反应，一直在网上查看资料，但是各种版本就是没有一个全面的讲解怎么使用iframe上传图片然后实现实时刷新的功能，只能自己研究了。大多数都是说怎么上传就可以了，这个我也会，都断在这还真让人难受，只能自己研究了

既然iframe中上传成功后输出值到页面中，无法取出来，试了N中方法，查了N多资料，还真是让人蛋疼。

后来在iframe中加个src，再在图片上传成功后输出值写成一条简单的javascript语句输出就OK了，嘿嘿。总结一下吧：

html代码：

<iframe id="upload_target" name="upload_target" src="upload.php" style="width:0;heigth:0;overflow:hidden;border:0;position: absolute; left:-500px;"></iframe> //iframe设置成隐藏的，src链接的页面为图片上传的后台文件页面，不过加不加影响都不大，只不过为了更精确而已
<img id="tag_img" src="" />
<form enctype="multipart/form-data" action="upload.php" method="post" target="upload_target">
   <input type="file" name="userfile" class="file" value="" />
   <input type="submit" name="uploadimg" value="上传" />
</form> //表单的那么值对应着空框架的那么值，提交后跳转到空框架中，这样就不对父窗口页面进行刷新了

提交到后台upload.php页面验证后。都会有一个自己设置的路径生成

那么我们更新图片成功后，就可以把这个路径拿出来，通过JS改变父窗口中图片框中图片路径，重新赋值一下，这样就相当于是刷新一下地址了，而不用每次更新成功后都得去数据库把保存的路径地址取出来更新了。

这里我只写要返回的js代码

echo "<script type='text/javascript'>window.parent.document.getElementByIdx_x('tag_img').setAttribute('src','$updurl');</script>"; //这就是在框架中

这样就能轻松实现图片上传无刷新页面，且图片实现即使刷新了

以上这篇PHP+iframe图片上传实现即时刷新效果就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

内容总结

以上是互联网集市为您收集整理的PHP+iframe图片上传实现即时刷新效果全部内容，希望文章能够帮你解决PHP+iframe图片上传实现即时刷新效果所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端