FormData 如何简化 AJAX 文件上传？

使用 FormData 进行有效的 AJAX 文件上传

当代的 Web 应用程序通常需要文件上传，这就需要无缝且高效的方法。 FormData 是一种优雅的解决方案，用于处理 AJAX 请求中的文件数据，特别是在文件上传场景中。

要利用 FormData 进行 AJAX 文件上传，您必须首先准备数据。存在两种方法：

准备：

• 表单提交：使用整个表单实例化 FormData对象：

  var form = $('form')[0]; // Native JS object for compatibility
  var formData = new FormData(form);

• 自定义数据选择：将特定数据附加到FormData：

  var formData = new FormData();
  formData.append('name', 'Section Name');
  formData.append('file', $('input[type=file]')[0].files[0]); 

发送表格：

一次数据准备好后，将 FormData 与 AJAX 结合使用：

$.ajax({
    url: 'Your URL',
    data: formData,
    type: 'POST', // Mandatory for file uploads
    contentType: false, // Essential for FormData
    processData: false, // Suppresses default form data processing
    // Additional AJAX options (success, error, etc.)
});

通过遵循以下步骤，FormData 可以通过 AJAX 进行有效的文件上传，并使用“enctype='multipart/form-data'”镜像常规表单提交。

以上是FormData 如何简化 AJAX 文件上传？的详细内容。更多信息请关注PHP中文网其他相关文章！