如何使用FormData进行AJAX文件上传？

如何使用FormData进行AJAX文件上传？

为了正确使用表格数据，您需要执行2个步骤。

准备工作

您可以将整个表单交给FormData（）进行处理

var form = $('form')[0]; // You need to use standard javascript object herevar formData = new FormData(form);

或为FormData（）指定确切的数据

var formData = new FormData();formData.append('section', 'general');formData.append('action', 'previewImg');// Attach fileformData.append('image', $('input[type=file]')[0].files[0]);

发送表格

带有jquery的Ajax请求将如下所示：

$.ajax({    url: 'Your url here',    data: formData,    type: 'POST',    contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)    processdata: false, // NEEDED, DON'T OMIT THIS    // ... Other options like success and etc});

之后，它将发送ajax请求，就像您使用

enctype="multipart/form-data"

更新：如果没有

type:"POST"

in选项，该请求将无法工作，因为所有文件都必须通过POST请求发送。

注意：

contentType: false

仅从jQuery
1.6起
可用