3

このアプリケーションは、ドラッグアンドドロップウィジェットがonchangeを起動したときに、必要な値で非表示フィールドを更新します。そのファイルをさらに処理するために使用します。

現在、ドラッグアンドドロップウィジェットを格納するdivは、再び必要になるまで非表示になっています。残念ながら、そのdivを再度表示すると、ウィジェットは最後にアップロードされた画像のファイル名を保持するため、ユーザーを混乱させます。実際にはファイルがアップロードされないのに、同じファイルを再度アップロードするように見えます。

ドラッグアンドドロップウィジェットに、それ自体を再初期化またはクリアするように指示するにはどうすればよいですか？

4

2 に答える 2

0

data-fp-class属性を活用するハックを次に示します。

<input id="myInput" type="filepicker-dragdrop" data-fp-button-class="btn btn-primary btn-small" data-fp-class="filepicker-dragdrop" data-fp-apikey="urKey" data-fp-mimetypes="image/png,image/jpeg" data-fp-container="modal" data-fp-maxsize="204800" data-fp-services="COMPUTER,URL,DROPBOX,FACEBOOK,GOOGLE_DRIVE,FLICKR,INSTAGRAM,PICASA,BOX">

アップロードが完了し、右側に「x」が付いた選択したファイルに切り替わったら、次のようにして選択を解除できます。

$('.filepicker-dragdrop span').get(0).click();

これは非常に一般的であるため、これを行うにはAPIが本当に必要です（エラーを検出して削除する必要があります）

于 2013-03-26T18:03:43.320 に答える