隐藏iframe无刷新上传文件

首先ajax不能上传文件,这误导了我有段时间,今晚睡不着就照着说明做了个无刷新上传文件

其实原理很简单

和一般的标签相比多了一个target属性罢了,用于指定标签页在哪里打开以及提交数据。

如果没有设置该属性,就会像平常一样在本页重定向打开action中的url。

而如果设置为iframe的name值,即”upload”的话,就会在该iframe内打开,因为css设置为隐藏,因而不会有任何动静。若将display:none去掉,还会看到服务器的返回信息。

另外贴一下自己组织的类。

隐藏iframe无刷新上传文件

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; }}

隐藏iframe无刷新上传文件

调用示例:

$inputname = ‘uploadfile’; // 即

Posted in 未分类