隐藏iframe无刷新上传文件
2012-02-08 05:31
225 查看
首先ajax不能上传文件,这误导了我有段时间,今晚睡不着就照着说明做了个无刷新上传文件
其实原理很简单
和一般的<form>标签相比多了一个target属性罢了,用于指定标签页在哪里打开以及提交数据。
如果没有设置该属性,就会像平常一样在本页重定向打开action中的url。
而如果设置为iframe的name值,即"upload"的话,就会在该iframe内打开,因为CSS设置为隐藏,因而不会有任何动静。若将display:none去掉,还会看到服务器的返回信息。
另外贴一下自己组织的类。
调用示例:
其实原理很简单
<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) { $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);
相关文章推荐
- (转)使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件
- php+iframe实现隐藏无刷新上传文件
- 使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件
- 通过隐藏iframe实现无刷新上传文件操作
- 使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件
- 利用隐藏iframe处理文件上传,本页不刷新,仿ajax
- php+iframe实现隐藏无刷新上传文件
- 通过隐藏iframe实现无刷新上传文件操作
- html使用iframe实现伪异步表单,实现无刷新上传文件时遇到的问题
- asp.net 实现无刷新上传(IFrame无刷新上传文件)
- 利用iframe无刷新上传文件的坑
- iframe无刷新跨域上传文件并获取返回值
- iframe标签实现form表单提交(如文件上传下载)不刷新
- iframe实现jsp无刷新上传文件
- iFrame应用实例讲解——页面无需刷新的异步文件上传!
- 页面无刷新ajax上传文件--模拟iframe,超简单
- Ajax方式提交带文件上传的表单及隐藏iframe应用
- iframe无刷新上传文件
- 巧用iframe实现jsp无刷新上传文件
- iframe实现无刷新上传文件