web-dev-qa-db-ja.com

dropzone.jsdropzoneをクリアする方法

Dropzone.jsを使い始めましたが、小さな問題が発生しました。ファイルをアップロードできます。モーダルポップアップを使用してファイル情報を取得します。

問題は、以前にアップロードしたファイルがまだドロップゾーンにある（チェックマークが付いている）ことです。空のドロップゾーンが必要です。

アイデア？

dropzone.js
9
mlewis54

アップロード後にドロップゾーンオブジェクトの「removeAllFiles」関数を呼び出そうとしましたか？

ドキュメントを参照してください： http://www.dropzonejs.com/#dropzone-methods

この投稿の最初の回答では、解決策は「removeAllFiles」関数を呼び出すことでもあります： Dropzone.jsから手動で追加されたすべてのファイルを削除しますか？

それでも問題が解決しない場合は、詳細をお知らせください

13
Aliz

私が見たすべての答えは、dropzoneを初期化するときに変数を割り当てることを含みます。この余分な手順を実行せず、すでにdropzone要素がある場合：DropzoneのforElementメソッドを使用して、変数を必要とせずにドロップゾーンを直接ターゲットにできます。

Dropzone.forElement('#myDropzoneElementID').removeAllFiles(true)
3
chevybow

RemoveAllFiles関数を呼び出して、アップロードする前にdropzoneオブジェクトをクリアすることができます。したがって、dropzoneを使用して何かをアップロードしようとすると、常にクリアされます。

myDropzone.removeAllFiles（）;

3
humble_code

jqueryを使用すると、次のようなものを作成できます。

var dZUpload = $('#dZUpload).dropzone({
  ..
})

$('.click').click(function() {
  dZUpload[0].dropzone.removeAllFiles();  
})
1
Druta Ruslan