Удалить загруженный файл в dropzone laravel через ajax

У меня есть приложение laravel, встроенное в dropzone.js. Загрузка проходит успешно. Я пытался удалить загруженный файл в dropzone с помощью ajax. На панели предварительного просмотра dropzone Remove file. Мой файл с лезвием.

<div class="dropzone" id="dropzoneFileUpload">
   <label for="file" class="control-label text-center">Choose a file</label>
   <span class="control-fileupload">   
   <img src="{{URL::asset('/images/image_upload.svg')}}" width="50px" class="upload-icon">
   </span>
</div>

<script type="text/javascript">
var baseUrl = "{{ url('/') }}";
        var token = "{{ csrf_token() }}";
        var documentType = $("#RC").val();
        Dropzone.autoDiscover = false;
        var myDropzone = new Dropzone("div#dropzoneFileUpload", {
            url: baseUrl + "/dropzone/uploadRC",
            params: {
                _token: token,
                documentType: documentType
            },
            success:function(file, response)
            {
              //$('#documentType1').val(response['documentType']);
              doctype = doctype.concat(response['documentType']);
              $("#documentType").val(doctype);
              doc = doc.concat(response['doc']);
              $("#document").val(doc);
              alert(doctype);
            }
</script>

У меня вопрос: как удалить загруженный файл в dropzone? Я не вижу ни одной опции в dropzone как ajax.


php laravel dropzone dropzone.js
person farooq    schedule 11.09.2019    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Я думаю myDropzone.removeFile(file) должно работать

success:function(file, response) {
   myDropzone.removeFile(file)
 }
person Sumit Wadhwa    schedule 11.09.2019
comment
Мне нужно для этого сделать еще один вызов ajax? - person farooq; 11.09.2019
comment
вы имеете в виду удаление с сервера? абсолютно. Это просто удаляет файл из пользовательского интерфейса панели. - person Sumit Wadhwa; 11.09.2019

arrow_upward
1
arrow_downward

Глядя на https://www.dropzonejs.com/#event-removedfile

Есть событие для removeFile, к которому вы можете привязаться.

Кроме того, функция dropzone по умолчанию не позволяет удалять файлы.

Установка для этого параметра значения true позволит вам управлять файлами в dropzone.

https://www.dropzonejs.com/#config-addRemoveLinks.

Пример:

var myDropzone = new Dropzone("#dropzone", {
    url: "https://example.com",
    addRemoveLinks: true,

    success: function(file, response) {
        // do stuff
    },
    removedFile: function(file) {
        // remove file from server
    }
});
person MHewison    schedule 11.09.2019