我想创建一个 HTTP 响应，使用 multipart/mixed，但我不确定哪些浏览器支持它；从客户的角度来看，如果它像听起来那样方便。 老实说，我并不特别需要那种内容类型。我只想在同一个响应中传输多个文件；也许还有另一种更常用的内容类型。
【问题讨论】：
multipart/related。
标签： http multipartform-data multipart
我已经用自制的服务器和简单的响应对其进行了测试。不确定响应是否格式正确，因为没有浏览器可以 100% 理解它。但结果如下：
这是完整的回复，如果有人发现任何错误，请告诉我，我会再试一次：
HTTP/1.1 200 OK
Date: Tue, 01 Dec 2009 23:27:30 GMT
Vary: Accept-Encoding,User-Agent
Content-Length: 681
Content-Type: Multipart/mixed; boundary="sample_boundary";
Multipart not supported :(
--sample_boundary
Content-Type: text/css; charset=utf-8
Content-Location: http://localhost:2080/file.css
body
{
background-color: yellow;
}
--sample_boundary
Content-Type: application/x-javascript; charset=utf-8
Content-Location: http://localhost:2080/file.js
alert("Hello from a javascript!!!");
--sample_boundary
Content-Type: text/html; charset=utf-8
Content-Base: http://localhost:2080/
<html>
<head>
<link rel="stylesheet" href="http://localhost:2080/file.css">
</head>
<body>
Hello from a html
<script type="text/javascript" src="http://localhost:2080/file.js"></script>
</body>
</html>
--sample_boundary--
【讨论】：
var boundary="XXMIMEBOUNDARY"; var section=0; function writeSection(res){var a=(section++); console.log("writing",a); res.write("Content-type: text/plain\n\n"); res.write("Section "+a);res.write("--"+boundary+"\n");}; require('http').createServer(function(req, res){console.log('received request'); res.writeHead(200,{"Content-type":'multipart/x-mixed-replace;boundary="'+boundary+'"'}); writeSection(res); setInterval(function(){writeSection(res);},2500);}).listen(8080);
根据我的经验，多部分响应在 Firefox 中有效，但在 Internet Explorer 中无效。这是 2 年前，使用当时的浏览器。
我的 HTTP 多部分响应适用于 JPEG 图像流。例如，Axis IP 摄像机用于 Firefox 的动态 JPEG 流。对于 Internet Explorer，Axis 需要使用插件。
如果仅 Firefox 支持满足您的要求，那么我建议在多部分响应的每个部分中设置 content-length 标头。使原始 HTTP 标头和多部分响应中的边界字符串相同可能会有所帮助（HTTP 标头中缺少“--”）。
【讨论】：
两个想法：
Content-type: multipart/x-mixed-replace——其他一切都应该保持不变。【讨论】：
multipart/mixed 和multipart/x-mixed-replace 之间存在很大的语义差异。任何浏览器都不太可能支持multipart/mixed，因为它不是真正的服务器使用的东西。 multipart/x-mixed-replaced 有一些支持，因为有些服务器确实将它用于服务器端推送，例如流媒体。唯一常用于 HTTP 的其他 multipart/... 类型是 multipart/form-data 和 multipart/byteranges。
（一个不错的选择）
可以手动进行多部分响应！
所以可以写一个没有多部分的响应！让我们说在分块模式！有道理！
所以你正在流式传输数据！
全部发送为直白文本！
制作自己的分隔符！各部分之间！
在浏览器中！提取和解析数据！拆分以分别获取每个部分！
并解析每个 appart！取决于它保存的数据类型！
所以如果一个部分是 json!你就这样解析吧！
快速插图！假设我们要发送一个 csv 文件！或者其他类型的文件！除此之外，我们还想发送一个 json 对象！
然后按块流式传输
这里有一个代码来说明这一点：
const data = {
initCapital: fileState.mappingObj.initialCapital
};
res.write(JSON.stringify(data, undefined, 0));
res.write('>>>>'); // parts separator
fileState.readStream.pipe(res); // continue streaming the file (chunk by chunk)
在客户端
export function parseBackTestFetchedData(data: string) {
const [_data, csvData] = data.split('>>>>');
return {
data: JSON.parse(_data),
backTestStatesData: parseCsv(csvData)
};
}
这样！客户是谁并不重要！
【讨论】：