国产视频app今天在做一個利用 JS 上傳本地圖片的小功能時,需要在文件上傳成功后,清空 file 類型的 input 元素中所選擇的本地文件,以方便二次功能的調用!而這篇文章飛鳥慕魚博客就來說一說,如果利用 js 來清空一個 file 類型 input 元素的值。

js 清空 input file 值的方法

方法1:

国产视频app直接將 input file 的值改成空字符串;

<input type="file" id="file">
<button onclick="ac()">點擊我會清空上面 input 的值</button>
<script type="text/javascript">
    function ac(){
        // JS主要實現代碼
        var file = document.getElementById('file');
        file.value = '';
    }
</script>

方法2:

国产视频app重新初始化元素的HTML

<script type="text/javascript">
    function ac(){
        // JS主要實現代碼
        var file = document.getElementById('file');
        // 這里與上面的示例不同
        // 重新初始化了test的html
        file.outerHTML = file.outerHTML; 
    }
</script>

jQ 清空 input file 值的方法

方法1:

把 input 的 dom 元素刪除掉替換掉,類似上面的方法2,重新初始化元素的HTML

$("#file").replaceWith('<input id="file" type="file"/>');

方法2:

国产视频app清空 input file 的值,類似上面方法1

<script type="text/javascript">
    // 有人說這種直接賦值的方法不行,個人沒有測試
    $('#file').val('');
</script>