将input file的选择的文件清空的两种解决方案

最新推荐文章于 2023-02-22 15:48:53 发布

激情小马哥

最新推荐文章于 2023-02-22 15:48:53 发布

阅读量1.3w

点赞数 8

本文链接：https://blog.csdn.net/qq_45469347/article/details/119540493

版权

本文探讨了JavaScript中与文件上传相关的操作，包括选取文件、清除选择以及重置元素。示例代码展示了如何通过getElementById获取文件输入元素，并执行select、clear以及替换outerHTML等操作，以实现对文件上传控件的交互和管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="file" id="fileupload" name="file" /> 

<!-- 1 -->
var obj = document.getElementById('fileupload') ; 
obj.select(); 
document.selection.clear(); 

<!-- 2 -->
var obj = document.getElementById('fileupload') ; 
obj.outerHTML=obj.outerHTML; 


<!-- 3 -->
var file = document.getElementById('fileupload');
file.value = '';

<!-- 4 -->
var file = document.getElementById('fileupload');
file.outerHTML = file.outerHTML; //重置了file的outerHTML