如何在上传后从dropzone中删除所有文件

Posted 2021-03-27

我用ng-dropzone创建了一个dropzone

  myApp.config(function(dropzoneOpsProvider) {
  dropzoneOpsProvider.setOptions({
    url: 'url',
    acceptedFiles: 'image/jpeg, images/jpg, image/png',
    addRemoveLinks: true,
    dictDefaultMessage: 'Click to add or drop photos',
    dictRemoveFile: 'Remove photo',
    dictResponseError: 'Could not upload this photo',
    maxFilesize: 100,
    uploadMultiple: true,
    parallelUploads: 5,
    maxFiles: 10
   });
});

myApp.controller('topStoryController',
    $scope.dzOptions = {
        paramName: 'file',
        maxFilesize: '10'
    }; $scope.dzCallbacks = {
        'successmultiple': function(file, xhr) {
            console.log('uploaded ' + file.name);
            console.log(file, xhr);
            console.log(xhr.path);
        },
    };


    $scope.post = function() {

    }

）;在这里，我使用dropzone上传多个图像，这些图像在我想要从dropzone删除图像后上传时正常工作。

怎么实现这个？

答案

dropzone具有以下删除所有文件的功能。

removeAllFiles();

documentation of dropzone解释了这个功能如下

如果要删除所有文件，只需使用.removeAllFiles（）。正在上传的文件不会被删除。如果您希望取消当前正在上传的文件，请调用.removeAllFiles（true），这将取消上传。

documentation of the ng-dropzone指令声明您可以使用以下方法访问dropzone函数

$scope.dzMethods.removeFile(file);

要么

<button ng-click="dzMethods.removeAllFiles();">...</button>