php+iframe 实现上传文件功能示例


Posted in PHP onMarch 04, 2020

本文实例讲述了php+iframe 实现上传文件功能。分享给大家供大家参考,具体如下:

我们通过动态的创建iframe,修改form的target,来实现无跳转的文件上传。

具体的实现步骤

1.捕捉表单提交事件
2.创建一个iframe
3.修改表单的target,指向iframe
4.删除iframe

file.html代码如下:

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <title></title>
</head>
<body>
 <form action="upfile.php" method="post" id="upfileForm" enctype="multipart/form-data">
  <input type="file" name="file" />
  <input type="submit" name="submit" value="上传" />
 </form>
 <div id="result"></div>
</body>
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript">
$("#upfileForm").bind("submit", function() {
 var ifrName = 'upfile' + Math.random();
 var ifr = $("<iframe name='" + ifrName + "' width='0' height='0' frameborder='0'></iframe>");
 $("body").append(ifr);
 $(this).attr("target", ifrName);
});
</script>
</html>

upfile.php代码如下:

<?php
$uploadDir = './upload/';
if(!file_exists($uploadDir)) {
  @mkdir($uploadDir, 0777, true);
}
$uploadFile = $uploadDir . basename($_FILES['file']['name']);
if(move_uploaded_file($_FILES['file']['tmp_name'], $uploadFile)) {
  echo "<script>parent.document.getElementById('result').innerHTML='OK';</script>";
} else {
  echo "<script>parent.document.getElementById('result').innerHTML='NO';</script>";
}

希望本文所述对大家PHP程序设计有所帮助。

PHP 相关文章推荐
PHP parse_url 一个好用的函数
Oct 03 PHP
PHP 多维数组排序(usort,uasort)
Jun 30 PHP
PHP调用Webservice实例代码
Jul 29 PHP
php数组函数序列之array_unique() - 去除数组中重复的元素值
Oct 29 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
Dec 19 PHP
php单例模式实现(对象只被创建一次)
Dec 05 PHP
windows下PHP_intl.dll正确配置方法(apache2.2+php5.3.5)
Jan 14 PHP
2014年最新推荐的10款 PHP 开发框架
Aug 01 PHP
php调用自己java程序的方法详解
May 13 PHP
Yii全局函数用法示例
Jan 22 PHP
PHP进程通信基础之信号
Feb 19 PHP
PHP下载远程图片的几种方法总结
Apr 07 PHP
php实现文件上传基本验证
Mar 04 #PHP
PHP实现文件上传操作和封装
Mar 04 #PHP
PHP实现文件上传后台处理脚本
Mar 04 #PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
Mar 03 #PHP
php+ajax实现文件切割上传功能示例
Mar 03 #PHP
php 输出缓冲 Output Control用法实例详解
Mar 03 #PHP
PHP 加密 Password Hashing API基础知识点
Mar 02 #PHP
You might like
(仅IE下有效)关于checkbox 三态
2007/05/12 Javascript
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
JQuery 表格操作(交替显示、拖动表格行、选择行等)
2009/07/29 Javascript
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
node.js中的fs.close方法使用说明
2014/12/17 Javascript
jQuery实现的仿select功能代码
2015/08/19 Javascript
AngularJS实现星星等级评分功能
2016/09/24 Javascript
react-native使用react-navigation进行页面跳转导航的示例
2017/09/07 Javascript
详解Angular中通过$location获取地址栏的参数
2018/08/02 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
解决vue刷新页面以后丢失store的数据问题
2020/08/11 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
2020/11/27 Vue.js
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
Python  连接字符串(join %)
2008/09/06 Python
Pycharm学习教程(5) Python快捷键相关设置
2017/05/03 Python
详解Python之unittest单元测试代码
2018/01/24 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法
2020/02/27 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
优秀的教师个人的中文求职信
2013/09/21 职场文书
实习单位接收函
2014/01/11 职场文书
报关员个人职业生涯规划书
2014/03/12 职场文书
保证书格式范文
2014/04/28 职场文书
统计专业自荐书
2014/07/06 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
《蟋蟀的住宅》教学反思
2016/02/17 职场文书
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL
使用redis生成唯一编号及原理示例详解
2021/09/15 Redis
2022漫威和DC电影上映作品
2022/04/05 欧美动漫
python图像处理 PIL Image操作实例
2022/04/09 Python