如何在 Chrome / IE Edge 中使用 xhr.overrideMimeType？

Question

我在发送文件（表单数据格式的请求的一部分）时遇到问题。

问题似乎来自于 Chrome for Linux 中的 only 文件（它是 CVS 文件，扩展名为 .csv 和基本上只是文本）通过 mimetype（请求正文中的内容类型）发送 Content-Type: application/octet-stream

所以，我试图覆盖 mimetype 以匹配 Chrome 在 Linux 上发送的相同类型，即 text/csv 。

但是，mimetype 显然没有被覆盖，仍然作为 octet-stream 发送。

我的代码：

let xhr = new XMLHttpRequest();
let form = new FormData();

form.append('file', file, file.name); // the file is loaded correctly
form.append('payload', JSON.stringify(data)); // data is just a JSON object

xhr.onreadystatechange = function() { 
     if (xhr.readyState === XMLHttpRequest.DONE) {
         // we arrive here both on Debian and Windows 10
     }
} 
xhr.upload.onerror = function() { .... } // no error

xhr.open('POST', 'http://<my_url>', true);

console.log(file.type);
xhr.overrideMimeType("text/csv");

xhr.send(form);

几点说明：

• console.log(file.type) 实际上打印“text-csv”，但仅在 Chrome for Linux（特别是 Debian） 中。在其他情况下（任何其他浏览器或平台）不打印任何内容
• 鉴于前面的观点，出于某种原因，我似乎很清楚任何其他浏览器/平台无法识别文件类型，因此文件作为 octet-stream 发送strong>（通用二进制文件）

Answer 1

xhr.overrideMimeType 更改响应的 MIME 类型，而不是请求。

如果您想更改文件的 MIME 类型，只需创建一个具有明确文件类型的新 Blob：

var blob = new Blob([blob], {type: 'text/csv'});
form.append('file', blob, file.name);

以上内容根据需要将上传表单中文件的 MIME 类型更改为“text/csv”。

PS。如果您真的想更改整个 请求（而不仅仅是文件）的 MIME 类型，请使用xhr.setRequestHeader('Content-Type', 'custom MIME type here');。 （仅当您在 xhr.send 方法中发送非标准或自定义数据时才有意义）。