php+iframe图片上传实现即时刷新(类似于ajax异步方式)

本文原文来自以下连接:http://blog.sina.com.cn/s/blog_6ea638ab010116j7.html

html代码如下:


//iframe设置成隐藏的,src链接的页面为图片上传的后台文件页面,不过加不加影响都不大,只不过为了更精确而已

<iframe id="upload_target" name="upload_target" src="test.php" style="display:none;"></iframe>


 //表单的那么值对应着空框架的那么值,提交后跳转到空框架中,这样就不对父窗口页面进行刷新了


<img id="tag_img" src="" />
<form enctype="multipart/form-data" action="test.php" method="post" target="upload_target">
     <input type="file" name="userfile" class="file" value="" />
     <input type="submit" name="sub" value="上传" />
</form>

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

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

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


//这就是在框架中输出一段js代码,然后操作父框架中图片地址刷新成我上传的图片地址,$updurl为上传图片的地址


echo "<script type='text/javascript'>window.parent.document.getElementById('tag_img').setAttribute('src','$updurl');</script>";

这样就能轻松实现图片上传无刷新页面,且图片实现即使刷新了PHP+iframe图片上传实现即时刷新


我自己试了一下是可以的!


声明:禁止任何非法用途使用,凡因违规使用而引起的任何法律纠纷,本站概不负责。

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

精彩评论

全部回复12人评论7,777人参与