jquery - jQuery を使用して Multipart/Form-Data オブジェクトをリセットする

Question

ユーザーが数枚の写真を「input」タグにアップロードしたとします。以下の「input」タグをjQueryで空にする（リセットする）にはどうすればよいですか？

<form id="ImgForm" enctype="multipart/form-data">
  <input name="pictures[]" type="file" multiple />
</form>

Answer 1

$('#ImgForm input[type="file"]').val('');

また

$('#ImgForm').reset(); // will reset form.

また

// trigger reset button click event manually
$('#ImgForm input[type="reset"]).trigger('click');

Answer 2

を使用してフォームをリセットできますreset

$('#ImgForm').each(function(){
   this.reset();
});

その値を削除/空にしたい場合

$('#ImgForm input[type="file"]').val('');