必须显式声明type: "text/html;charset=utf-8"，否则浏览器可能不识别为HTML文本，服务端解析失败；发送时应转为File对象并指定文件名，避免裸Blob被后端忽略。
Blob 构造函数怎么传 HTML 字符串
直接把 HTML 字符串丢进 Blob 构造函数会出错，因为默认按 UTF-8 编码处理，但没指定 type 时浏览器可能不识别为文本，后续发送时服务端收不到预期的 MIME 类型。必须显式声明 type: "text/html;charset=utf-8"，否则某些后端（比如 Express 的 body-parser）会拒绝解析或当成乱码。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- HTML 字符串先用
encodeURIComponent或encodeURI处理不是必须的——Blob本身不关心 URL 编码，它只管原始字节 - 如果编辑器内容含中文、emoji 或富文本标签，确保字符串是原生 JS 字符串（不是被 double-escaped 过的），再传入
Blob - 示例：
const htmlStr = "<h1>测试</h1><p>你好，世界</p>";<br>const blob = new Blob([htmlStr], { type: "text/html;charset=utf-8" });
为什么不能直接用 FormData.append("file", blob) 发送
可以发，但容易踩坑：很多后端接口期望接收的是 multipart/form-data 中带文件名的 File 对象，而不是裸 Blob。部分框架（如 Django 的 request.FILES、Spring Boot 的 @RequestParam MultipartFile）会跳过无文件名的 Blob，导致字段为空。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用
new File([blob], "content.html", { type: "text/html" })包一层，生成带名称和类型的File对象 - 注意
File构造函数第三个参数是对象，不是字符串；漏掉type可能导致后端识别为application/octet-stream - 如果后端要求固定字段名（比如
editorContent），就用formData.append("editorContent", file)，别硬塞"file"
fetch 发送时要不要设置 headers
不要手动设 Content-Type。一旦设置了（比如 {"Content-Type": "multipart/form-data"}），浏览器会禁用自动添加 boundary，导致后端无法解析 multipart 数据，报错类似 Multipart: Boundary not found 或直接 400。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 让
fetch自动处理：只传body: formData，完全不设headers - 如果需要额外 header（如认证 token），可以加，但避开
Content-Type - 验证是否生效：在 DevTools 的 Network → Headers 标签页里看
Content-Type值，应该是类似multipart/form-data; boundary=----WebKitFormBoundary...
大体积 HTML 内容（>5MB）发送失败怎么办
不是 Blob 的问题，而是浏览器对 fetch 请求体大小没有硬限制，但实际受限于内存、网络超时、以及服务端配置（如 Nginx 的 client_max_body_size、Node.js 的 limit 选项）。用户常误以为是 Blob 不支持大文件，其实是链路中某处截断了。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 先用
blob.size检查体积，确认是否真超限（比如 >20MB） - 前端可加简单分块提示：
if (blob.size > 10 * 1024 * 1024) alert("内容过大，请精简") - 真正要传大 HTML，应走分片上传逻辑，此时
Blob只负责切片（blob.slice(start, end)），不是直接发整个 Blob
Blob 本身不“转换”数据，它只是包装；关键在构造时的 type、后续是否转成 File、以及 fetch 是否放任浏览器自动生成 multipart header——这三个点漏掉任何一个，后端都可能收不到可用内容。
