前端----重置type爲file的input

    今天在做項目的時候，遇到一個問題，之前有人在一個<li>標籤上添加了點擊事件，然後這個點擊事件觸發一個type爲file的input按鈕的onchange事件。問題就出現了，如果上傳兩次相同的圖片，不會觸發onchange事件，因此產生一個bug。

    代碼如下：

<li class="solz_title_li" onclick="imgupload()">
        <img src="/resources/images/圖層-3.png">圖片
        <input type="file" id="imgfile" style="display:none;" onchange="previewImage(this)">
</li>

<script type="text/javascript">
    function imgupload(){
        document.getElementById("imgfile").click();
    }
</script>

    我本來想着如果把onchange事件改爲onclick事件，那麼這個問題就解決了。結果，點擊是會上傳，但第一次點擊事件並沒有反應，第二次點擊會把第一次的傳上去，因此我又將其改了回去。這時，我就在想如果每次上傳我都能把input內容清空，那麼每次都會觸發onchange事件。

    因爲我的input按鈕時在一個id爲imgForm的表單中，且此表單也只有文件上傳一個input，所以我每次上傳成功後都添加了如下代碼

document.getElementById("imgForm").reset();