IEがファイル入力フィールドをリセットしないのはなぜですか？

Question

ユーザーがアップロードするファイルを選択した後で、フォームの送信をトリガーするように現在のフォームを変更しました。アップロードが完了したら、私は

$('#file').val(''); 

を入力してファイル入力フィールドをリセットします。

HTML 
<input name="file" type="file" id="file"/> 

これはChrome、FF、Safariで動作しますが、IEでは動作しません。 IEのための回避策またはよりよい解決策がありますか？

Answer 1

ファイル入力タイプの値を変更することはできません。これはセキュリティ上の脆弱性を招くためです。代わりに、ファイル入力を新しいものに置き換えてください。代わりに$('#file').val('')の、次の操作を行います。さらに良い

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

は、元のバージョンのコピーのクローンを作成し、メモリ内に格納することです。それを置き換える必要があるときは、複製されたコピーを使用して、それを再びクローンします。したがって、このような何か：私はjQuery.on()と委任バージョンを使用してい

$(document).ready(function() { 
    var empty_input = $('#file').clone(); 

    $('#the-form').on('change', '#file', function(el) { 
     $('#the-form').submit(); // assuming the target is a hidden iframe 
     $(this).replaceWith(empty_input.clone()); 
    }); 
}) 

注ので、イベントはまだそれが交換の右後に新しい入力で動作します。