天天看點

input上傳檔案的change事件在谷歌和360浏覽器裡面隻響應一次

最近做了一個檔案上傳超過4G不讓上傳的提示框,但是測試給我回報的bug是谷歌和360在上傳的時候隻能提示一次,第二次在上傳相同的檔案就沒有任何響應了。

上網了解到是因為選擇檔案的change事件隻響應了一次,也就是說相同名稱的檔案名在修改完不重新整理頁面的情況下是不會在響應的,網上的思路是在點選file檔案的時候将value值設定為空,試了有用,是以就記載下來

html代碼:
<div class="file">
    <input
        type="file" name="file" id="file_cardBackImage"/>
</div>
           
js代碼:
$("#file_cardBackImage").on('click',function(){
    $("#file_cardBackImage").val("");
});
           

隻要在點選的時候将值設定為空就好了!

繼續閱讀