HTML中需用配合JavaScript实现封面上传，仅HTML无法完成读取、预览与提交；必须通过FileReader预览图片，并确保DOM加载完成、input未被隐藏、运行于本地服务而非file://协议。
HTML里怎么给作品集加封面上传区域
纯 HTML 本身不能实现“上传封面图”功能，<input type="file"> 只负责选文件，后续的读取、预览、提交都得靠 JavaScript 配合。很多人卡在这一步，以为写个 input 就完事了，结果点完没反应、图片不显示、上传失败——问题不在 HTML，而在它没被“激活”。
用 <input type="file"> 搭配 accept 和 id 是基础配置
必须明确限制图片类型，否则用户可能误选 PDF 或视频，后端拒收或前端解析报错；同时要配 id，方便用 JavaScript 绑定事件和关联标签（比如点击文字触发选择）。
-
accept="image/*"覆盖常见格式（jpg、png、webp），比写死accept="image/jpeg,image/png"更稳妥 - 别漏掉
id="cover-upload"，否则document.getElementById("cover-upload")会返回null - 加
multiple属性是多余操作——封面图只允许一张，加了反而误导用户
为什么点了没反应？检查这三处硬性条件
常见现象：页面有上传按钮，点击无响应、控制台没报错、change 事件根本没触发。大概率是以下某个环节断了链路：
- JavaScript 没等 DOM 加载完就执行，
document.getElementById(...)返回null→ 把脚本放
