今天在做项目的时候涉及到了ajax上传文件流的问题，由于是移动端两个页面的两个表单使用同一个ajax地址进行上传数据给后台，数据中涉及到了不同类型的input，其中存在了file类型的input，导致无法使用表单序列化直接传输数据。只存在传递一般的参数时，

关于前端上传文件全面基础扫盲贴(零)关于前端上传文件全面基础扫盲贴(一) ----- XMLHttpRequest关于前端上传文件全面基础扫盲贴(二) ----- File关于前端上传文件全面基础扫盲贴(三) ----- FormData关于前端上传文件全

在项目中涉及题库的批量上传功能，在此利用formdata进行文件上传，后台读取，进行批量插入。同时还需要带入teacherId和courseId两个参数，所以将文件和两个参数append到formdata中，传到后台。contentType : false

<p >指定文件名： <input type ="text" name="filename" /></p>. </form>不过传统的form表单提交会导致页面刷新，但

看了半天Blob、File、FileReader，以及各种转化的知识，后来发现Ajax上传文件的方式很简单。jQueryAjax在web应用开发中很常用，它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法，接下

<p >指定文件名： <input type ="text" name="filename" /></p>. </form>不过传统的form表单提交会导致页面刷新，但

背景平时工作中经常会遇到需要上传文件的情况，如果你用ant design 或者element ,它们都提供了上传的组件。我们分别来看一下element 和 antd 手动上传怎么处理：。ant design 手动上传文件antd官网有手动上传的demo:

contentType: false // 告诉jQuery不要去设置Content-Type请求头

XMLHttpRequest Level 2 添加了一个新的接口――FormData。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。这点处理的时候需要注意。以上所述是小编给大家介绍的jQuery Ajax使用F

写在前面：本文说的这个方案有浏览器兼容性问题；所有主流浏览器的较新版本已经支持这个对象了，比如Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+，对兼容性比较敏感的网站慎用。在工作中遇到了一个问题：在一个页面中，

FormData对象，是可以使用一系列的键值对来模拟一个完整的表单，然后使用XMLHttpRequest发送这个"表单"。本文将介绍通过jQuery使用FormData对象上传文件。<form>标签添加enctype=&qu

contentType: false, //必须false才会避开jQuery对 formdata 的默认处理 XMLHttpRequest会对 formdata 进行正确的处理。processData: false, //必须false才会自动加上正确的

Servlet3.0开始提供了一系列的注解来配置Servlet、Filter、Listener等等。这种方式可以极大的简化在开发中大量的xml的配置。从这个版本开始，web.xml可以不再需要，使用相关的注解同样可以完成相应的配置。

<p >指定文件名： <input type ="text" name="filename" /></p>. </form>不过传统的form表单提交会导致页面刷新，但