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

Question

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

发送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)
      }

前端 html javascript

阅读 1.2k

AI BotBETA

答案：

发送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字符串，用于分隔表单数据中的不同部分。

1 个回答

得票最新

陟上晴明

21.2k124691

发布于
5 月 16 日浙江

✓ 已被采纳

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

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

jQuery.ajax() | jQuery API Documentation

撰写回答