通过<iframe>，实现图片（文件）的上传以及文件（附件）的下载

1.什么是iframe?

iframe闭合标签，会创建包含另个文档的内联框架，针对不支持iframe的浏览器，可以将提示文字放在iframe之间。

2.iframe的作用

（1）通过iframe实现文件（附件）的下载

<a href="#" onclick="download()">download</a>
<iframe id="ifile" style="display:none"></iframe>

function download(){
var dom=document.getElementById('ifile');
dom.src="http:xxxx.com";
}

通过隐藏iframe，当点击事件触发的时候，动态设置src就能实现文件下载功能。

（2）通过iframe实现图片上传或者说表单的提交

<iframe id="upload_target" name="upload_target" src="upload.php" style="width:0;heigth:0;overflow:hidden;border:0;position: absolute; left:-500px;"></iframe>

<form enctype="multipart/form-data" action="upload.php" method="post" target="upload_target">
<input type="file" name="userfile" class="file" value="" />
<input type="submit" name="uploadimg" value="上传" onClick="upload()"/>
</form>

这样，点击事件会触发upload()，并且触发表单提交，并且提交的同时不会刷新页面。

3.iframe有什么缺点

（1）iframe会阻塞主页的onload事件

（2）搜索页面无法解读这种页面（不利于SEO）

（3）iframe和主页面会共享连接池，而浏览器对于相同区域有限制，所以会影响性能。