показать загруженные изображения в dropzonejs в laravel

Question

Я работаю над проектом Laravel и использую Dropzone для галереи продуктов. все в порядке, но я хочу предварительно загрузить загруженные изображения с диска.

Вот мой код:

var mockFile = {
    name: "1573222244401photo_2019-11-06_10-35-41.jpg",
    size: 12345
};
dropzone.options.addedfile.call(dropzone, mockFile);
dropzone.options.thumbnail.call(dropzone, mockFile, "/images/product-galleries/1");

Uncaught TypeError: Невозможно прочитать свойство 'addfile' из неопределенного

Answer 1

Из кода, который вы перечислили, и сообщения об ошибке, я думаю, вы пытаетесь вызвать эту функцию непосредственно в элементе HTML, а не в прикрепленном к нему экземпляре dropzone. Если вы делаете что-то вроде этого

let dropzone = document.querySelecter('#dropzone-element')

Затем, чтобы получить доступ к экземпляру dropzone, вам нужно будет сослаться на него как

dropzone.dropzone

Заставить вашу функцию вызывать

dropzone.dropzone.options.addedFile.call(dropzone.dropzone, mockFile)

Чтобы избежать этого, просто установите dropzone равным фактическому экземпляру дропзоны, например

let dropzone = document.querySelector('#dropzone-element').dropzone