Question

创建了一个拖放区

  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中删除图片。

如何实现？

Answer 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>

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

1 个答案: