formData上传文件

Posted 2020-10-23 苏二小姐

需要将选中的xml传到后台，通过xslt转换为html

html:


  <form id="uploadForm" enctype="multipart/form-data">
   <input type="file" name="testFile" value="选择文件">
   <input type="button" value="添加" id="btn">
  </form>


 

js:

<script type="text/javascript">
    var formData = new FormData($( "#uploadForm" )[0]);  
        $.ajax({  
             url: url ,  
             type: ‘POST‘,  
             data: formData,  
             async: false,  
             cache: false,  
             contentType: false,  
             processData: false,  
             success: function (data) {  
      　　　　....
             },  
             error: function (returndata) {  
                 alert("出错了");  
             }  
        }); 
  });
 </script>

　　

这里要注意几点：

• processData设置为false。因为data值是FormData对象，不需要对数据做处理。
• <form>标签添加enctype="multipart/form-data"属性。
• cache设置为false，上传文件不需要缓存。
• contentType设置为false。因为是由<form>表单构造的FormData对象，且已经声明了属性enctype="multipart/form-data"，所以这里设置为false。

上传后，服务器端代码需要使用从查询参数名为file获取文件输入流对象，因为<input>中声明的是name="file"。