別の機能を使用してファイルを削除する（Dropzone.js）

Question

アップロードされたファイルをクリックしてクリックすると、cancelボタンが表示されます。 私のHTMLは、私のJSでこの

<div reqdropzone="reqDropzoneConfig"> 
<form id="requisitionupload" class="dropzone dz-clickable" action=""> 
    <div class="dz-default dz-message"> 
    <span style="display: none;"></span> 
    </div> 
</form> 
</div> 

のように見えます。

$scope.cancel = function() { 
$(function(){ 
    var myDropzone = new Dropzone("#requisitionupload"); 
    myDropzone.on("addedfile", function(file){ 
    file.previewElement.addEventListener("click", function(){ 
    myDropzone.removeFile(file); 
    }); 
    }) 
}) 
} 

Answer 1

最初に "addedfile"というファイルパラメータを取得し、このファイル変数のプレビュー要素をクリックした後、2つのイベントが連鎖します。この2番目のイベントは必ずしもファイルを認識しません。

簡単な方法は、Dropzoneオプション 'addRemoveLinks：true'を使用することです。

または、カスタムソリューションは、最初のイベントでは「ファイル」を格納する一時変数を作成し、2番目のイベント（クリック）ではこの一時変数を参照することができます。

Answer 2

@カミルさんは、あなたがすることをお勧めします。 angularjsとタグ付けされているので、ng-dropzoneを使用することをお勧めします。これは簡単にやり遂げることができ、こうした柔軟性を提供します。