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


Posted in PHP onNovember 18, 2016

这几天在做一个图片上传功能,原本想用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>"; //这就是在框架中输出一段js代码,然后操作父框架中图片地址刷新成我上传的图片地址,$updurl为上传图片的地址

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

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

PHP 相关文章推荐
phplock(php进程锁) v1.0 beta1
Nov 24 PHP
php记录日志的实现代码
Aug 08 PHP
色色整理的PHP面试题集锦
Mar 08 PHP
php笔记之:php数组相关函数的使用
Apr 26 PHP
淘宝ip地址查询类分享(利用淘宝ip库)
Jan 07 PHP
php实现给图片加灰色半透明效果的方法
Oct 20 PHP
Laravel 5 框架入门(四)完结篇
Apr 09 PHP
Windows2003下php5.4安装配置教程(IIS)
Jun 30 PHP
10个值得深思的PHP面试题
Nov 14 PHP
老生常谈PHP面向对象之命令模式(必看篇)
May 24 PHP
PHP实现上传图片到数据库并显示输出的方法
May 31 PHP
php实现文件上传基本验证
Mar 04 PHP
PHP批量获取网页中所有固定种子链接的方法
Nov 18 #PHP
PHP实现二维数组按某列进行排序的方法
Nov 18 #PHP
PHP二维数组去重实例分析
Nov 18 #PHP
浅谈php fopen下载远程文件的函数
Nov 18 #PHP
PHP实现的自定义数组排序函数与排序类示例
Nov 18 #PHP
php array_walk 对数组中的每个元素应用用户自定义函数详解
Nov 18 #PHP
PHP屏蔽关键字实现方法
Nov 17 #PHP
You might like
PHP实现图片简单上传
2006/10/09 PHP
E路文章系统PHP
2006/12/11 PHP
php 时间计算问题小结
2009/01/04 PHP
PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
2011/04/17 PHP
php的curl封装类用法实例
2014/11/07 PHP
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
分享几种好用的PHP自定义加密函数(可逆/不可逆)
2020/09/15 PHP
XML+XSL 与 HTML 两种方案的结合
2007/04/22 Javascript
语义化 H1 标签
2008/01/14 Javascript
用jquery实现等比例缩放图片效果插件
2010/07/24 Javascript
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
2013/07/08 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
2014/06/30 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
2020/12/13 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
AngularJS 避繁就简的路由
2016/07/01 Javascript
jQuery组件easyui对话框实现代码
2016/08/25 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
微信小程序“摇一摇”的实例代码
2017/07/20 Javascript
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
2020/02/15 Javascript
自己使用总结Python程序代码片段
2015/06/02 Python
python通过elixir包操作mysql数据库实例代码
2018/01/31 Python
python 找出list中最大或者最小几个数的索引方法
2018/10/30 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
基于Django静态资源部署404的解决方法
2019/07/28 Python
opencv 图像腐蚀和图像膨胀的实现
2020/07/07 Python
Sephora丝芙兰泰国官方网站:国际知名化妆品购物
2017/11/15 全球购物
strstr()的简单实现
2013/09/26 面试题
nohup的用法
2012/11/26 面试题
工程力学专业毕业生求职信
2013/10/06 职场文书
黄河象教学反思
2014/02/10 职场文书
培训楼经理岗位责任制
2014/02/10 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书