使用Jquery中ajax实现上传文件

Posted 2022-04-02 yunotes

html：

　　<input type="file" name="uploadFile" id="uploadFile">

jq:

$("#uploadFile").on("change", function()

　　var formData = new Formdata();                      // 创建一个form类型的数据

　　formData.append($("#uploadFile")[0].files);     // 获取上传文件的数据

　　$.ajax(

　　　　"url": "",

　　　　"type": "",

　　　　"processData": false， // 将数据转换成对象，不对数据做处理，故 processData: false 

　　　　"contentType": false,    // 不设置数据类型

　　　　”xhrFields":                 // 这样在请求的时候会自动将浏览器中的cookie发送给后台

　　　　　　withCredentials: true

　　　　，

　　　　"data": formData,

　　　　success: function(data)

　　　　　　console.log(data)

　　　　,

　　　　error: function(data)

　　　　

　　)

)