iframe达成无刷新文件上传,iframe落成遮蔽无刷新

2019-07-25 作者:yzc216.com官网   |   浏览(139)

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

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

其实原理很简单

其实原理很简单

复制代码 代码如下:

 代码如下

<form enctype="multipart/form-data" method="POST" target="upload" action="" >
<input type="file" name="uploadfile" />
<input type="submit" />
</form>
<iframe name="upload" style="display:none"></iframe>

<form enctype="multipart/form-data" method="POST" target="upload" action=")" >
          <input type="file" name="uploadfile" />
          <input type="submit" />
</form>
<iframe name="upload" style="display:none"></iframe>

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

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

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

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

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

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

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

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

复制代码 代码如下:

 代码如下

class upload
{
public $_file;

class upload
{
   public $_file;

public function __construct( $name =null)
{
if(is_null($name) || !isset($_FILES[$name]))
$name = key($_FILES);

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

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

复制代码 代码如下:

$inputName = 'uploadfile';
// 即<input type=“file" name="uploadfile" /> 中的name值,不填也行
$upload = new upload($inputName);
$new_dir = "/www"; // 将文件移动到的路径
$upload->moveTo($new_dir);

您可能感兴趣的文章:

  • php ajax无刷新上传图片的实现方法
  • PHP Ajax实现无刷新附件上传
  • php html5实现无刷新图片上传教程
  • php ajax无刷新上传图片实例代码
  • ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法
  • 使用PHP和HTML5 FormData实现无刷新文件上传教程
  • php利用iframe实现无刷新文件上传功能的代码
  • PHP无刷新上传文件实现代码
  • php ajax无刷新上传图片实例代码
  • PHP JavaScript实现无刷新上传图片

本文由yzc216亚洲城发布于yzc216.com官网,转载请注明出处:iframe达成无刷新文件上传,iframe落成遮蔽无刷新

关键词: yzc216亚洲城 yzc216.com官网