javascript - 发送form-data数据时，boundary是浏览器自动设置的吗？

Question

发送form-data数据时，boundary是浏览器自动设置的吗？可以手动设置吗？或者发送前能否获取boundary的值是什么？

$.ajax({      type:"post",      url:"/login",      data:formData,      success:function(res){      },      processData: false,      contentType: “multipart/form-data;boundary=xxx”,      error:function(xhr){          console.log(xhr)      }

Answer 1

是的，不需要自己手动设置，浏览器会自动补全。其实 contentType 也不需要指定。

想要获取 boundary 的值？获取来干嘛，这不是后端去获取的吗？可能是因为你在请求中设置了 contentType 导致后端接收请求的解析出问题了？试试看直接把 contentType 设置为 false。

---

jQuery.ajax() | jQuery API Documentation

Answer 2

答案：

发送multipart/form-data数据时，boundary通常是浏览器自动设置的。当使用原生HTML表单或现代前端库（如jQuery, Axios等）发送表单数据时，浏览器会自动生成一个唯一的boundary字符串，并将其包含在Content-Type头部中。

不可以手动设置boundary的值，因为浏览器在准备发送数据时会自动添加boundary。尝试手动设置可能会导致浏览器忽略它，或者产生不正确的请求格式。

在发送前，无法直接获取boundary的值，因为浏览器在内部处理这个细节，并不直接暴露给开发者。

在你提供的jQuery $.ajax示例中，设置contentType为"multipart/form-data;boundary=xxx"是不正确的。你应该允许浏览器自动处理boundary，因此不应该设置contentType为具体的boundary值。相反，你应该设置contentType为false，这样jQuery就不会设置Content-Type头部，而是让浏览器自动生成包含正确boundary的Content-Type。

正确的jQuery $.ajax调用应该像这样：

$.ajax({  type: "post",  url: "/login",  data: formData,  success: function(res) {    // 处理响应  },  processData: false, // 不处理数据为查询字符串  contentType: false, // 不设置Content-Type头部  error: function(xhr) {    console.log(xhr);  }});

这样，浏览器会自动设置正确的Content-Type头部，包括一个唯一的boundary字符串，用于分隔表单数据中的不同部分。