html如何发送文件-html教程-PHP中文网

表单提交文件最稳，需设enctype="multipart/form-data"且input加name；fetch+formdata更灵活但勿设content-type；xmlhttprequest支持上传进度；拖拽上传须preventdefault；后端校验至关重要。

html如何发送文件

form 表单提交文件最稳

浏览器里发文件，<form></form> 是最直接、兼容性最好、服务端也最省心的方式。不用额外写 JS 就能触发上传，连 fetch 都可能绕弯子。

必须设 enctype="multipart/form-data"，漏了就变成纯文本发送，后端收不到二进制内容
<input type="file"> 要加 name 属性，否则后端拿不到字段名（比如 name="avatar"）
如果用 multiple，后端收到的是文件列表，不是单个文件，别按单文件逻辑处理
不要给 <form></form> 加 onsubmit="return false" 却不手动 submit，会静默失败

fetch + FormData 发送更灵活

需要控制进度、取消、或和 JSON 混传时，fetch 配合 FormData 是实际项目里的主力方案。

FormData.append() 传文件时，第二个参数要是 File 对象（比如 input.files[0]），不是路径字符串
别手动设 Content-Type 头——fetch 会自动生成带 boundary 的 multipart header，设了反而破坏格式
如果同时 append 字符串字段（如 FormData.append("id", "123")），后端得按 multipart 解析，不能当纯 JSON 读
注意 File 对象的 lastModified 和 name 会一并传过去，有些后端靠这个做校验

XMLHttpRequest 上传大文件要监听 progress

传几百 MB 文件时，用户需要知道卡在哪，XMLHttpRequest 的 upload.onprogress 是唯一可靠选择。

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

fetch 目前不支持上传进度，别硬套
监听的是 xhr.upload.onprogress，不是 xhr.onprogress（后者是下载）
event.loaded 和 event.total 可能为 0，尤其在 CORS 场景下，得加 event.lengthComputable 判断
别在 onload 里直接 parse responseText，大文件响应体可能被截断，优先用 response.json()