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 相关文章推荐
php4的彩蛋
Oct 09 PHP
php 实现进制转换(二进制、八进制、十六进制)互相转换实现代码
Oct 22 PHP
php设计模式 Bridge (桥接模式)
Jun 26 PHP
php 中文字符串首字母的获取函数分享
Nov 04 PHP
PHP整数取余返回负数的相关解决方法
May 15 PHP
php给每个段落添加空格的方法
Mar 20 PHP
thinkphp微信开发(消息加密解密)
Dec 02 PHP
php PDO异常处理详解
Nov 20 PHP
基于PHP实现栈数据结构和括号匹配算法示例
Aug 10 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
Feb 10 PHP
php和asp语法上的区别总结
May 12 PHP
TP5框架实现签到功能的方法分析
Apr 05 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读取XML值的代码(推荐)
2011/01/01 PHP
判断PHP数组是否为空的代码
2011/09/08 PHP
基于php伪静态的实现详细介绍
2013/04/28 PHP
一个基于phpQuery的php通用采集类分享
2014/04/09 PHP
php中静态类与静态变量用法的区别分析
2015/01/15 PHP
php通过文件流方式复制文件的方法
2015/03/13 PHP
laravel-admin 实现给grid的列添加行数序号的方法
2019/10/08 PHP
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
2014/07/31 Javascript
js实现(全选)多选按钮的方法【附实例】
2016/03/30 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
移动端界面的适配
2017/01/11 Javascript
JS时间控制实现动态效果的实例讲解
2017/07/31 Javascript
使用javaScript实现鼠标拖拽事件
2020/04/03 Javascript
解析Vue.js中的组件
2018/02/02 Javascript
微信小程序开发问题之wx.previewImage
2018/12/25 Javascript
JS实现进度条动态加载特效
2020/03/25 Javascript
Python求两个文本文件以行为单位的交集、并集与差集的方法
2015/06/17 Python
python3抓取中文网页的方法
2015/07/28 Python
简析Python的闭包和装饰器
2016/02/26 Python
python文件特定行插入和替换实例详解
2017/07/12 Python
Python实现的矩阵类实例
2017/08/22 Python
python批量修改文件编码格式的方法
2018/05/31 Python
python将txt文件读取为字典的示例
2018/12/22 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
Python使用Paramiko控制liunx第三方库
2020/05/20 Python
python 常用日期处理-- datetime 模块的使用
2020/09/02 Python
html5 worker 实例(一) 为什么测试不到效果
2013/06/24 HTML / CSS
Office DEPOT法国官网:欧迪办公用品采购
2018/01/03 全球购物
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
现在输入n个数字,以逗号,分开;然后可选择升或者降序排序;按提交键就在另一页面显示按什么排序,结果为,提供reset
2012/11/09 面试题
工程材料采购方案
2014/05/18 职场文书
运动会方阵口号
2014/06/07 职场文书
领导班子整改方案和个人整改措施
2014/10/25 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python
SpringBoot详解整合Redis缓存方法
2022/07/15 Java/Android