本文详解如何在 javascript 中安全判断 `` 是否未选择文件，并避免调用 `url.createobjecturl()` 时因传入无效参数（如 `null` 或空字符串）导致的 `typeerror`。核心在于先校验文件列表，再条件创建 url。
在处理文件上传表单时，一个常见且关键的校验场景是：用户可能未选择任何文件，但代码仍尝试对 input.files[0] 调用 URL.createObjectURL()。此时若 PrimerArchivo 为 undefined（即 archivo.length === 0），直接传入会触发错误：
Uncaught TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed.
该错误的根本原因是 URL.createObjectURL() 仅接受 Blob 或 File 类型对象，不支持 null、undefined 或空字符串 "" —— 这也正是原代码中 objectURL.URL.createObjectURL("") 出错的原因：一方面 objectURL 是一个字符串（或未定义），根本无 .URL.createObjectURL 方法；另一方面即使语法修正，传入 "" 也违反 API 约束。
✅ 正确做法是：先判断文件是否存在，再决定是否创建 URL；否则赋予默认值（如空字符串）。推荐写法如下：
java-api-doc-generator
下载
分析 Java Spring Boot 后端 Controller 代码，自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。
submit.addEventListener('click', function (e) {
e.preventDefault();
cont_rev_add.style.display = "none";
rev_add.style.display = "initial";
const archivo = input_file.files;
const primerArchivo = archivo[0];
// ✅ 安全创建 objectURL：仅当存在有效文件时调用 createObjectURL()
const objectURL = primerArchivo
? URL.createObjectURL(primerArchivo)
: ""; // 无文件时设为空字符串，兼容后续逻辑（如 img.src = objectURL）
review.push({
name: input_name.value + "<br> <span id='title_t'>" + input_profession.value + "</span>",
texto_review: input_review.value,
img_review: objectURL
});
});? 关键要点与注意事项：
- 永远不要对 undefined、null 或非 Blob/File 值调用 URL.createObjectURL() —— 它不是“容错函数”，而是严格类型敏感的 Web API。
- 使用三元运算符 primerArchivo ? ... : ... 是最简洁、可读性高的条件分支方式，避免冗余 if (!archivo || !archivo.length) 判断（因为 archivo 永远是 FileList 对象，不会为 null；只需关注 archivo.length 或 archivo[0] 是否存在）。
- 若后续需释放内存（例如页面长期运行或频繁预览），应在不再需要预览图时调用 URL.revokeObjectURL(objectURL) —— 但仅对真实创建的 URL 调用，避免对 "" 执行 revokeObjectURL。
- 若业务要求“必须上传图片”，应在提交前增加显式提示（如 alert("请先选择一张图片") 或表单级验证），而非仅静默设为空。
通过以上方式，即可稳健处理文件输入的空值场景，彻底规避 Overload resolution failed 错误，同时保持代码清晰、健壮、符合 Web 标准。
