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

【问题标题】：How to remove all files from dropzone after uploading上传后如何从dropzone中删除所有文件
【发布时间】：2019-08-31 19:56:35
【问题描述】：

我使用ng-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 中删除图像。

如何做到这一点？

【问题讨论】：

标签： javascript angularjs dropzone.js

【解决方案1】：

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

removeAllFiles();

documentation of dropzone对该函数的解释如下

如果要删除所有文件，只需使用 .removeAllFiles()。文件正在上传的内容不会被删除。如果你想要取消当前正在上传的文件，请致电 .removeAllFiles(true) 将取消上传。

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

$scope.dzMethods.removeFile(file);

或

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

【讨论】：