利用iframe来做无刷新上传

 

　　要实现文件上传，form必须设置几个属性：

 

　　1.action：设为要处理数据的页面地址；

 

　　2.method：设为"post"；

 

　　3.enctype/encoding：必须设为"multipart/form-data"，这里要注意的是在ie中用js修改form的enctype属性是没有效果的，只能修改encoding；

 

　　iframe实现无刷新上传的原理：利用form的target属性，把数据提交到页面中一个（通常为隐藏的）iframe上。直观点说就是把“刷新”留给iframe。

 

　　其实原理跟一般用iframe实现无刷新提交表单是一样的，只是这里换成是文件。

 

　　这里关键就是把form的target设为iframe的name

 

<iframe style="display:none" name="test1"></iframe>
<form action="/Upload.php" target="test1" method="post" enctype="multipart/form-data">
<div class="img_box m_t_6">
    <div class="text_file ele_btn ele_file" > 上传照片
          <input name="UploadFile" type="file"  onchange="javascript:UploadFile(this.value)" />
    </div>
</div>
</form>

来源：https://www.cnblogs.com/zhaozhilu/archive/2012/09/26/2704108.html