はjavascriptのjqueryの中に明確な入力タイプ=ファイル

Question

可能複製することはできません：
Clearing <input type='file' /> using jQuery

これは私のコードです：

<input ID="fileUpload1" runat="server" type="file" style="width:275px; position:absolute; left:1px"/> 

私はいくつかの解決策を試してみました：

$("input[type='file']").val(''); 
$('#DivfileUpload').replaceWith("<input class=VWButton ID=fileUpload1 runat=server type=file style=width:275px; position:absolute; left:1px/>"); 

と他の多くのWebからしかし成功しません。

Answer 1

（明らかな）セキュリティ上の理由からファイル入力の値を設定することはできません。

あなたがそれをクリアしたい場合、あなたはそれがであるフォームをリセットする必要があります。新しいものと交換

---

も動作しますが、有効なコードでそれを行う必要があります。 （これは、ASP runat=server属性/値などのサーバー側コードを含めるようにはしておらず、単純な単語ではない属性値（たとえば、スタイル属性）を引用しないでください）。

Answer 2

$(function() { 
    $('#fileUpload1').val(''); 
}); 

Answer 3

セキュリティ上の理由から、一部のブラウザ（IEなど）では.val（ ''）で値を設定しようとすると失敗します。

あなたの最良のオプションは、フォームをリセットすることです：

$('form').trigger('reset'); 

---

あるいは若干の修正（必ずHTMLが有効にする）と、交換用コードを使用する：

$('#fileUpload1').replaceWith('<input id="fileUpload1" type="file" style="width:275px; position:absolute; left:1px"/>'); 

あなたの場合CSSでボックスのスタイルを設定すると、コードがさらに簡単になります。

CSS：

#fileUpload1 { 
    width: 275px; 
    position: absolute; 
    left: 1px; 
} 

はJavaScript：

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

---

より高度なオプションは、ページがロードされるときに、それのクローンを作成した後、ファイルのアップロードボックスを非表示にすることですユーザーに表示されます。これをクリアする必要がある場合は、クローンを削除して元の隠しクローンを再クローンします。この方法では、ユーザーが複数のファイルをアップロードできるようにする場合は、入力ボックスの複数のコピーを作成することもできます。私は実装の詳細をあなたに任せます。 ;）