文件上传之form表单篇
浏览数：31 /
时间：2015年06月09日
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 | ★★★★★ | 最容易 | ★★★☆☆ | 容易，但是页面全部刷新同样不知道什么时候上传完成，文件较大时页面可能停止响应 |
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
