如何在POST上使用Ajax上传文件？

如何在POST上使用Ajax上传文件？

回顾过去，较旧的答案不切实际，不建议使用。

asnyc: false

暂停整个Javascript以仅上传文件， 您可能会在上传过程中触发其他功能 。

如果您仅将JQuery用于

ajax

，则我建议使用

axios

：

const axios = require('axios');var formData = new FormData();formData.append('imageFile', document.querySelector('#image_file').files[0]);axios({    method: 'post',    url: 'your_url',    data: formData,    headers: {        "X-CSRFToken": CSRF_TOKEN, # django security        "content-type": "multipart/form-data"    }}).then(function (response) {    # success});

Axios文档

---

jQuery / Ajax答案：

var formData = new FormData();formData.append('imageFile', $('#image_file')[0].files[0]);formData.append('csrfmiddlewaretoken', CSRF_TOKEN); # django security$.ajax({   url : 'your_url',   type : 'POST',   data: formData,   processdata: false,   contentType: false,   success : function(data) {       # success   }});

jQuery / Ajax文档