PHP+iFrame实现页面无需刷新的异步文件上传，_PHP教程

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了PHP+iFrame实现页面无需刷新的异步文件上传，_PHP教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2330字，纯文字阅读大概需要4分钟。

内容图文

PHP+iFrame实现页面无需刷新的异步文件上传，

本文实例讲述了PHP+iFrame实现页面无需刷新的异步文件上传，是非常实用的常见技巧。分享给大家供大家参考。具体分析如下：

说到iframe，现在用它的人是越来越少了，并且很多人都相信它应该被AJAX所取代，的确如此，因为AJAX太出色了。

不过有一种情况的实现我还是选择了iframe，这就是本文要说的文件的异步上传，感兴趣的可以试试，如果用原生的AJAX来实现应该是要复杂的多。

先来给初学者补补基础知识：

1. 在iframe标签一般会指定其name特性以于标识；
2. 在form表单中通过action(目标地址)和target(目标窗口，默认为_self)来确定提交的目的地；
3. 将form中的target指向iframe的name，则可将表单提交到了隐藏框架iframe中；
4. iframe里的内容实际上也是一个页面，其中的js里的parent对象指代父页面，即嵌入iframe的页面；
5. PHP中用move_uploaded_file()函数来实现文件上传，$_FILES数组存储有上传文件的相关信息。

本文实现的是一个用户选择了头像文件后立刻上传并显示在页面上的例子，废话不多说，思路是这样的：

1. 在表单中嵌入一个iframe，设定好name特性值；
2. 在选择文件上传的控件的值改变时触发一个js函数，该函数将表单提交至iframe，而iframe内嵌的页面用来处理文件上传；
3. 在iframe中完成了文件上传之后，在js中通过parent来操作父页面，在特定的标签内显示图片，并将图片的保存地址赋给一个隐藏域；
4. 回到原来的页面，现在既完成了文件的上传，也在隐藏域内记录了文件的路径，整个过程没有刷新页面；
5. 最后用户只需提交原来的页面时重置表单的action和target属性的值即可。

下面是效果截图和实现的代码：

upload.php页面如下:

 
 
 
 
 
 
 
iFrame异步文件上传
 
 
<?php  
//页面提交后显示相关信息 
if (isset($_POST['submitted'])) { 
  $html = '
上传成功！
'; 
  $html .= '
用户名：'.htmlspecialchars($_POST['username']).'
'; 
  $html .= '
头像地址：https://www.gxlcms.com/'.htmlspecialchars($_POST['photo']).'
'; 
  $html .= '
'; 
  echo $html; 
} 
?> 
 
 
 

proceedupload.php页面如下:

<?php 
//这里仅以特定图片格式举例，本应动态获取 
$url = 'upload/img' . time() . '.jpg'; 
if (move_uploaded_file($_FILES['uploadphoto']['tmp_name'], $url)) { 
  //删除之前的图片 
  $_POST['photo'] !== '' && unlink($_POST['photo']); 
?> 
 
 
 
 
 
 
<?php 
}
?>

感兴趣的朋友可以测试运行一下本文实例，相信本文所述对大家PHP程序设计的学习有一定的借鉴价值。

http://www.bkjia.com/PHPjc/879725.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/879725.htmlTechArticlePHP+iFrame实现页面无需刷新的异步文件上传， 本文实例讲述了PHP+iFrame实现页面无需刷新的异步文件上传，是非常实用的常见技巧。分享给大...

内容总结

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

内容备注

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

内容手机端