如何正确使用FormData通过jQuery进行AJAX文件上传？

使用 FormData 进行 AJAX 文件上传

在此场景中，您尝试使用拖放操作来实现 AJAX 文件上传生成的 HTML 表单。但是，您当前的 JavaScript 实现需要进行调整才能正确利用 FormData 对象进行文件上传。

准备工作

首先，创建 FormData 对象：

var form = $('form')[0]; // For the entire form
var formData = new FormData(form);

或者，您可以指定特定数据包括：

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

发送表单

接下来，更新您的 jQuery AJAX 请求以包含以下设置：

$.ajax({
    url: 'Your url here',
    data: formData,
    **type: 'POST', // Use POST requests for file upload**
    contentType: false, // Important for file upload
    processData: false, // Important for file upload
    // ... Other options like success and etc
});

这些设置确保表单数据作为多部分/表单数据请求正确发送，这对于文件至关重要

附加说明：

• contentType: false 仅在 jQuery 1.6 及以上版本中可用。
• 类型：'POST' 设置至关重要，因为文件上传需要 POST 请求。

以上是如何正确使用FormData通过jQuery进行AJAX文件上传？的详细内容。更多信息请关注PHP中文网其他相关文章！