zoukankan      html  css  js  c++  java
  • 文件上传之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

  • 相关阅读:
    转:神经网络入门
    转:Webkit Flex伸缩盒模型属性备忘
    css3 display:-webkit-box
    display:inline和display:block及html常用标签
    display
    weui flex 分布
    图片、字体、iconfont矢量图
    flex weui列表demo
    方法调用
    C#多线程之Task
  • 原文地址:https://www.cnblogs.com/ones/p/4350679.html
Copyright © 2011-2022 走看看