文件上传之form表单篇

form表单上传文件

作为本系列的最后一篇，也是楼主知道的第三种文件上传的方式--隆重推出Form表单

   这是最传统的上传文件，提交数据的方式

　Html：

 

1 <form action="/home/receive" method="post" enctype="multipart/form-data">
2 <input type="file" name="f1" id="f1" />
3 <input type="submit">
4 </form>

 

由于甚是简单，这里就不列出后台代码了

form表单提交的方式，对用户体检不是很好，每次提交后数据清空，因此有了ajax

在文章的最后，总结一下这三种上传文件的优缺点

提交方式	兼容性	实现难易度	用户体验	维护/查错
ajax	★★★☆☆(Ie9+)	需要了解HTML5	★★★★★	较复杂，但是能得到详细的错误信息，有回调作为返回值，可进行下一步操作
iframe	★★★★★	比较容易，且兼容性较好	★★★★★	较容易，没有回调，不知道什么时候文件上传完成，页面无法跳转
form	★★★★★	最容易	★★★☆☆	容易，但是提交后页面会跳转，同样不知道什么时候上传完成，文件较大时页面可能停止响应

 

 

 

 

如有转载，请注明出处http://www.cnblogs.com/ones/p/4350679.html

转载于:https://www.cnblogs.com/ones/p/4350679.html