立即上传需监听input的change事件，用FormData+fetch发起POST请求，禁设Content-Type，检查files长度、处理HTTP错误及accept属性规范。
用户选择文件后立即上传，核心是监听 change 事件并立刻构造 FormData 发起 fetch 请求——但必须绕过表单默认提交、禁设 Content-Type、且要处理空选和错误状态。
监听 change 事件触发上传，别等 submit
原生 <input type="file"> 不会自动发请求，submit 按钮或表单提交会整页跳转，完全不符合“立即上传”需求。正确做法是绑定 change，在用户确认选择后秒级发起异步请求。
- 必须检查
e.target.files.length > 0，否则用户点开又取消，files是空FileList，但事件仍会触发 - 不要用
click()模拟触发 —— 浏览器禁止非用户手势调起文件选择框，也禁止 JS 赋值input.value - 若需自定义按钮样式，用
<label for="file-input"></label>包裹或透明覆盖，别用display: none+click()（部分浏览器拒绝）
用 FormData + fetch POST，Content-Type 必须留空
fetch 直接传 File 对象会报错：TypeError: Request with GET/HEAD method cannot have body；手动设 Content-Type: multipart/form-data 则后端收不到文件——因为浏览器无法插入 boundary。
- 必须用
new FormData()，再append('field_name', file)，字段名要和服务端约定一致（如 Express multer 配的upload，Django 期待file） -
fetch配置里只写method: 'POST'和body: formData，**绝不能**加headers: { 'Content-Type': ... } - 可同时
append文本字段，比如formData.append('user_id', '123')，后端会在同一请求里收到文件+元数据
上传失败时容易误判成功
fetch 默认不因 HTTP 状态码 reject，400/500 响应照样进 then，前端可能以为上传成功，实际后端解析失败（字段名错、没 filename、超限、没配中间件）。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“前端免费学习笔记（深入）”；
- 务必检查
response.ok或response.status >= 200 && response.status - 常见 400 原因：Express 没装
multer、Flask 用request.form读文件、Nginxclient_max_body_size太小 - 服务端返回 JSON 时，记得
await response.json()，别直接console.log(response)看不到内容
HTML 文件专用：accept 属性要写对后缀名
想限制用户只能选 HTML 文件，accept="text/html" 在 Safari 和部分 Chrome 版本中无效；必须用点号开头的扩展名列表。
- 写成
accept=".html,.htm"，注意点不能漏，这是最可靠写法 -
accept只影响文件选择器界面过滤，不是安全机制——用户仍可切到“所有文件”并选任意类型，真实校验必须靠 JS 读file.name或file.type - 如果业务强依赖 HTML 内容，上传后服务端还得校验文件头（魔术字节），防止伪造
真正“立即”的关键不在速度，而在控制权：不用表单跳转、不等用户点按钮、不手动塞 header、不忽略空选和 HTTP 错误码——这些点漏一个，上传就卡在看似正常实则失败的状态里。
