輸入文件onchange事件未在chrome中被觸發

Question

這是我在Chrome中注意到的奇怪事情。如果用戶選擇一個文件，然後再次選擇同一個文件再次打開文件對話框，Chrome瀏覽器不會在firefox執行時觸發onchange事件。

有人注意到它嗎？

Answer 1

這是Chrome的一個已知功能，快速的Google on the topic會帶來一些有趣的討論。

這對我來說很有意義的change事件不會火，因爲一切都沒有改變（你選擇同一文件）

至於你的問題，正是你問？你正在尋找一種方法來改變這種行爲，或者你只是想知道我們是否也注意到了這一點？

如果你想解決這個問題，你可以簡單地在你的Javascript中創建一個新的文件輸入並替換前一個。這樣你的change事件是保證射擊。

Answer 2

function resetFileInput($element) { 
    var clone = $element.clone(); 
    $element.replaceWith(clone); 
} 

然後用：

$('#element_id').on('change', function(){ 
... 
}); 

運作良好，對我來說！

Answer 3

一個更簡單的方法來重置爲我的作品以及輸入文件：

document.getElementById('idOfInput').value = '';