-
php iframe实现无刷新文件上传
首先ajax不能上传文件,这误导了我有段时间,今晚睡不着就照着说明做了个无刷新上传文件,其实原理很简单,代码如下:
- <form enctype="multipart/form-data" method="POST" target="upload" action="http://localhost/class.upload.php" >
- <input type="file" name="uploadfile" />
- <input type="submit" />
- </form>
- <iframe name="upload" style="display:none"></iframe>
和一般的<form>标签相比多了一个target属性罢了,用于指定标签页在哪里打开以及提交数据,如果没有设置该属性,就会像平常一样在本页重定向打开action中的url.
而如果设置为iframe的name值,即"upload"的话,就会在该iframe内打开,因为CSS设置为隐藏,因而不会有任何动静,若将display:none去掉,还会看到服务器的返回信息.
另外贴一下自己组织的类,代码如下:
- class upload
- {
- public $_file;
- public function __construct( $name =null)
- {
- if(is_null($name) || !isset($_FILES[$name]))
- $name = key($_FILES);
- if(!isset($_FILES[$name]))
- throw new Exception("并没有文件上传");
- $this->_file = $_FILES[$name];
- if(!is_uploaded_file($this->_file['tmp_name']))
- throw new Exception("异常情况");
- if($this->_file['error'] !== 0)
- throw new Exception("错误代码:".$this->_file['error']);
- }
- public function moveTo( $new_dir)
- {
- $real_dir = $this->checkDir($new_dir);
- return move_uploaded_file($this->_file['tmp_name'], $real_dir.'/'.$this->_file['name']);
- }
- private function checkDir($dir)
- {//开源代码phpfensi.com
- $real_dir = realpath($dir);
- if($real_dir === false)
- throw new Exception("给定目录{$dir}不存在");
- if(!is_writable($real_dir))
- throw new Exception("给定目录{$dir}不可写");
- return $real_dir;
- }
- }
调用示例,代码如下:
- $inputName = 'uploadfile';
- // 即<input type=“file" name="uploadfile" /> 中的name值,不填也行
- $upload = new upload($inputName);
- $new_dir = "/www"; // 将文件移动到的路径
- $upload->moveTo($new_dir);
出处:http://www.phpfensi.com/php/20140902/4984.html
栏目列表
最新更新
01 Web应用模式
python 约瑟夫生者小游戏 用list实现
DBPack 赋能 python 微服务协调分布式事务
PYTHON之SELENIUM调用XPATH实现网页操作
Python双人五子棋
matplotlib可视化系列之【排版】
C# 编写一个简单易用的 Windows 截屏增强工
Python 引用其他路径下的module
【Python - 基础】基础是一切升华的根本
自动化办公:手机号码提取器,使用正则
三大常用数据库事务详解之三:事务运行
三大常用关系型数据库事务详解之二:基
三大关系型数据库事务详解之一:基本概
MongoDB常用命令(2)
MongoDB基本介绍与安装(1)
SQLServer触发器调用JavaWeb接口
SQL Server索引的原理深入解析
SqlServer2016模糊匹配的三种方式及效率问题
SQL中Truncate的用法
sqlserver 多表关联时在where语句中慎用tri
Vue(1)Vue安装与使用
JavaScript 语言入门
js将一段字符串的首字母转成大写
纯原生html编写的h5视频播放器
H5仿原生app短信验证码vue2.0组件附源码地
TypeScript(4)接口
TypeScript(3)基础类型
TypeScript(2)WebStorm自动编译TypeScript配置
TypeScript(1)介绍与安装
ES6 - promise(1)