2017-01-28 6 views
1

私はbootstrap image uploaderを使用しています。画像を選択すると、プレビューが表示されます。私が別のイメージをブラウズしたいと思ったら私は気が変わり、ブラウズウィンドウでキャンセルをクリックすると、前のイメージも消去されます。 same thisにブートストラップアップローダが必要です。キャンセル時に最後に選択した画像を削除するブートストラップ画像アップローダーで画像をブラウズ

閲覧ウィンドウでキャンセルをクリックすると、以前の画像を保存するにはどうすればよいですか? 私はCSSとJavaScriptの早い段階です。

答えて

1

私は怒鳴るラインで、fileinput.jsで見つかった:

if (isEmpty(tfiles) || tfiles.length === 0) { 
       if (!isAjaxUpload) { 
         self.clear(); 
       } 
       self._showFolderError(folders); 
       self._raise('fileselectnone'); 
       return; 
      } 

我々は、この行をコメントする必要があります。self.clear();

0

キャンセルボタンのハンドラがないhttp://jsfiddle.net/ugeshgupta000/LCrE4/18/

$("#input1").click(function() { 
    $(this).val(''); 
    $('#imagepreview1').prop('src', ''); 
}); 

を確認してください。ファイル選択オプションをクリックする前に値を空にすることができます。ユーザーがファイルを選択すると新しい値が取得されます。そうでない場合は、ユーザーがキャンセルをクリックすると、既にファイルの値がnullになっています。

+0

私はpreviouse画像を削除したくありません。私は同じhttp://jsfiddle.net/isherwood/LCrE4/3/になりたい。しかし、私はそれをリンクしたブートストラップイメージアップローダーでどうすればいいのかわかりません。 – narges

+0

あなたが言及したフィドルでさえ、キャンセルをクリックしても画像プレビューは消去されません –

+0

http://stackoverflow.com/questions/34855400/cancel-event-on-input-type-fileの可能な複製onBlurを使用して、値が空であるか、変更されているかを確認します。 –

関連する問題