在 laravel 的 dropzonejs 中显示上传的图像

【问题标题】：show uploaded images in dropzonejs in laravel在 laravel 的 dropzonejs 中显示上传的图像
【发布时间】：2020-03-05 06:26:07
【问题描述】：

我正在做一个 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");

未捕获的类型错误：无法读取未定义的属性“添加文件”

【问题讨论】：

根据您在此处显示的代码，我猜 dropzone.options 未定义。
如果 dropzone 被定义为 dropzone 附加到的 HTML 元素，那么要访问您需要执行的实际 dropzone 实例dropzone.dropzone.options.addedFile.call(dropzone.dropzone, mockFile)

标签： javascript laravel dropzone.js dropzone

【解决方案1】：

根据您列出的代码和错误消息，我猜您正在尝试直接在 HTML 元素上调用此函数，而不是在附加到它的 dropzone 实例上。如果你正在做这样的事情

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

然后要访问 dropzone 实例，您需要将其引用为

dropzone.dropzone

调用你的函数

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

为避免这种情况，只需将 dropzone 设置为等于实际的 dropzone 实例，就像这样

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

【讨论】：