Form 表单提交数据配置、文件读取与 FormData 使用

AJAX 中文件上传相关配置

在 AJAX 请求中处理文件上传时，需调整以下关键配置：

1. processData

   • 默认值为 true。系统会将通过 data 选项传递的对象自动转换为查询字符串，配合默认内容类型 application/x-www-form-urlencoded。
   • 若需发送 DOM 树信息或其他不希望被转换的数据（如二进制文件），必须将其设置为 false。

2. contentType

   • 默认值为 "application/x-www-form-urlencoded"。这是发送信息至服务器时的内容编码类型。
   • 提交文件时，不应使用默认的表单编码，因此需将值设为 false，让浏览器自动设置正确的 multipart/form-data 类型。

文件数据的读取

前端读取文件通常使用 FileReader API。具体步骤如下：

• 创建 FileReader 实例。
• 监听文件的异步读取结果事件。
• 结合 FormData 对象，可将读取的文件流与其他表单字段一同封装并提交至服务器。

此方案确保了文件数据能正确解析并通过 HTTP 请求传输。