【开发中的问题】js 清空 input:file 的值

最新推荐文章于 2022-08-04 14:19:57 发布

原创最新推荐文章于 2022-08-04 14:19:57 发布 · 置顶 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

爱做大前端同时被 2 个专栏收录

14 篇文章

订阅专栏

【开发中遇到的问题记录】

5 篇文章

订阅专栏

本文介绍了一种通过在外层嵌套<form>元素并利用其reset()方法来清空HTML中input:file控件值的技术。这种方法绕过了JavaScript无法直接清除input:file值的限制。

由于 javascript 不能清除 input:file 上传控件的值，因此最好的方法是在 input:file 上传控件的外层嵌入 <form> 元素，使用 <form> 元素的 reset() 方法来清除input:file 上传控件的值。代码如下：

    function clearFileInput(file) {
        var form = document.createElement('form');
        document.body.appendChild(form);
        var pos = file.nextSibling;
        form.appendChild(file);
        form.reset();
        pos.parentNode.insertBefore(file, pos);
        document.body.removeChild(form);
    }