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 相关文章推荐
全文搜索和替换
Oct 09 PHP
查找mysql字段中固定字符串并替换的几个方法
Sep 23 PHP
编写PHP脚本使WordPress的主题支持Widget侧边栏
Dec 14 PHP
php bootstrap实现简单登录
Mar 08 PHP
PHP实现的DES加密解密实例代码
Apr 06 PHP
PHP生成及获取JSON文件的方法
Aug 23 PHP
Yii2-GridView 中让关联字段带搜索和排序功能示例
Jan 21 PHP
PHP实现的服务器一致性hash分布算法示例
Aug 09 PHP
PHP设计模式之观察者模式定义与用法分析
Apr 04 PHP
解决laravel资源加载路径设置的问题
Oct 14 PHP
Laravel 5.1 框架Blade模板引擎用法实例分析
Jan 04 PHP
PDO实现学生管理系统
Mar 21 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
php session的锁和并发
2016/01/22 PHP
php解决crontab定时任务不能写入文件问题的方法分析
2019/09/16 PHP
PHP切割整数工具类似微信红包金额分配的思路详解
2019/09/18 PHP
php异常处理捕获错误整理
2019/09/23 PHP
ExtJS 2.0实用简明教程 之获得ExtJS
2009/04/29 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
2010/10/14 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
2011/12/12 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
jQuery读取XML文件内容的方法
2015/03/09 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
javascript ES6中箭头函数注意细节小结
2017/02/17 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
react 父组件与子组件之间的值传递的方法
2017/09/14 Javascript
微信小程序中吸底按钮适配iPhone X方案
2017/11/29 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
jquery登录的异步验证操作示例
2019/05/09 jQuery
基于JavaScript实现大文件上传后端代码实例
2020/08/18 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
python pandas 组内排序、单组排序、标号的实例
2018/04/12 Python
Python把csv数据写入list和字典类型的变量脚本方法
2018/06/15 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
Python 忽略warning的输出方法
2018/10/18 Python
Python设计模式之装饰模式实例详解
2019/01/21 Python
Python实现KNN(K-近邻)算法的示例代码
2019/03/05 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
解决PyCharm不在run输出运行结果而不是再Console里输出的问题
2020/09/21 Python
中国最大隐形眼镜网上商城:视客眼镜网
2016/10/30 全球购物
英国手机零售商:Metrofone
2019/03/18 全球购物
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
学生学习总结的自我评价
2013/10/22 职场文书
中式餐厅创业计划书范文
2014/01/23 职场文书
个人社会实践自我鉴定
2014/03/24 职场文书
先进个人自荐书
2015/03/06 职场文书
小程序后台PHP版本部署运行 LNMP+WNMP
2021/04/01 Servers
浅谈Python项目的服务器部署
2021/04/25 Python