Блог

Я создал dropzone с помощью 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, которые работают должным образом
после загрузки изображений в post, я хочу удалить изображения из dropzone.

как этого добиться?

dropzone имеет следующую функцию для удаления всех файлов.

 removeAllFiles();
  

документация dropzone объясняет эту функцию следующим образом

Если вы хотите удалить все файлы, просто используйте .removeAllFiles() . Файлы, которые находятся в процессе загрузки, не будут удалены. Если вы хотите, чтобы файлы, которые в данный момент загружаются, были отменены, вызовите .removeAllFiles(true), который отменит загрузку.

в документации директивы ng-dropzone указано, что вы можете получить доступ к функциям dropzone, используя следующее

 $scope.dzMethods.removeFile(file);
  

или

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