页面加载后在 dropzone 中显示保存的图像答案

【问题标题】：Display the saved images in dropzone after the page is loaded页面加载后在 dropzone 中显示保存的图像
【发布时间】：2017-11-03 14:20:48
【问题描述】：

现在，我使用dropzone实现图片上传，并将图片相同到collectionFS，上传后我可以看到dropzone中的图片，但是刷新页面后，没有图片显示。我可以从collectionFS获取保存的图片，但是如何设置我们可以在页面加载时显示图像的值。根据对dropzone.js文件的检查，在下面的文件中，它会定义“this.files = [];我们是否可以将一个savefiles作为一个选项项传递给this.files？之后，它可以在何时加载保存的文件页面正在加载。功能Dropzone（元素，选项）

【问题讨论】：

呃，在activate 上再次获取它们以显示它们？
不再获取它们，表示页面第一次加载时，获取数据并显示。
然后您可以将它们存储在本地或在页面加载时可以立即获取它们的地方。 init, get, display, store locally, reload, get locally 和随后的页面重新加载只会在本地获取数据。
是的，我可以存储并获取它们。但是我不知道怎么把图片显示到dropzone中，是否有一个参数，我可以把图片传到dropzone.js中一起显示？
我不熟悉dropzone.js，所以我只是笼统地说。您可以在 dropzone 下方创建一个container，然后在那里显示图像。此容器本身不会成为 dropzone 的一部分。

标签： javascript node.js dropzone.js

【解决方案1】：

根据https://github.com/enyo/dropzone/wiki/FAQ的以下描述，它可以显示图像。

var mockFile = { name: image.name, size: image.size};
myDropzone.emit("addedfile", mockFile);
myDropzone.emit("thumbnail", mockFile, image.url());
myDropzone.emit("complete", mockFile);

但图像的大小不正确，它不会调整大小。所以使用以下内容：

myDropzone.createThumbnailFromUrl(mockFile, image.url());

但图像无法显示。首先添加图片，保存到gridfs中，然后重新加载页面获取图片。使用dropzone有什么问题吗？****

【讨论】：