Событие onchange срабатывает после очистки значения

Question

У меня есть один элемент управления загрузкой файлов, после очистки загрузки файла, как показано ниже.

<input type="file" id="flupload1" **onchange="angular.element(this).scope().UploadPoster(event)"** file-upload /><br />

// Очистить после загрузки файла

document.getElementById('flupload1').value = "";

Проблема в том, что после повторной очистки снова запускается событие загрузки файла, и загружается еще одна функция загрузки файла.

но такое поведение велось только в IE.

Как остановить запуск события после сброса значения?

Answer 1

Эта функция может помочь вам:

function clearFileInput(id) 
{ 
    let oldInput = document.getElementById(id); 
    let newInput = document.createElement("input"); 
    newInput.type = "file"; 
    newInput.id = oldInput.id; 
    newInput.name = oldInput.name; 
    newInput.className = oldInput.className; 
    newInput.style.cssText = oldInput.style.cssText; 
    // TODO: copy any other relevant attributes 
    oldInput.parentNode.replaceChild(oldInput.cloneNode(), oldInput);
}
clearFileInput("fileInput");