jQueryを使用して画像を選択するためのimgプレースホルダをクリアする方法

Question

私はfileuploadでフォームを持っています。

<input class="file" type="file" name="files[]"> 

私がまま現在の入力をクローニングしていますが、ファイルを選びだしている場合、それはまた、選択した画像を消去する方法があり、選びだしのfilinputのクローン？

スクリプト：$('.fieldset-content_doc').first().clone().appendTo('.fieldset-clone_doc').find('.file').reset();

フィールドセット-content_doc：フィールドは<form>内にない場合は、）（リセットを使用することはできませんformvaluesに

Answer 1

明らかに問題はFirefoxでのみ再現可能です。しかし、あなたは単にnullへの要素のvalueプロパティを設定することができます。

$('.fieldset-content_doc') 
    .first() 
    .clone() 
    .appendTo('.fieldset-clone_doc') 
    .find('.file') 
    .each(function() { this.value = null; }); 

は、あなたがそれをクローニングする方法Fiddle

Answer 2

を保持しています。 要素をフォームにラップし、それをリセットしてラッピングして入力をクリアすることができます。

function resetFormElement(e) { 
    e.wrap('<form>').closest('form').get(0).reset(); 
    e.unwrap(); 

    // Prevent form submission 
    e.stopPropagation(); 
    e.preventDefault(); 
} 

を参照してください：あなたはval('')を使用することができます代わりにreset()のスクリプトでhttps://stackoverflow.com/a/13351234/3581321

Answer 3

。このように

$('.fieldset-content_doc').first().clone().appendTo('.fieldset-clone_doc').find('.file').val('');