vue-dropzone 不会在文件添加时生成缩略图答案

【问题标题】：vue-dropzone doesn't generate thumbnails on file addvue-dropzone 不会在文件添加时生成缩略图
【发布时间】：2019-06-30 18:21:15
【问题描述】：

我想将我的服务器上已经存在的文件添加到 Dropzone，我尝试通过 vue-dropzone 文档以及正常的 dropzone 文档搜索我的问题，我还经历了 5 个以上的 github 问题并尝试了帮助方法在那里，但我似乎没有找到解决方案。

所以我称这个方法为：

    this.product.images.forEach(image => {
      const file = { name: 'Icon', type: 'image/jpeg', dataURL: image };
      this.$refs.dropzone.manuallyAddFile(file, image);
    });

文件已正确添加，但我根本没有生成任何缩略图。这基本上就是整个问题。

【问题讨论】：

标签： javascript vue.js dropzone.js

【解决方案1】：

您可以使用emit手动添加缩略图：

this.product.images.forEach(image => {
      const file = { name: 'Icon', type: 'image/jpeg', dataURL: image };
      this.$refs.dropzone.manuallyAddFile(file, image);
      this.$refs.dropzone.dropzone.emit('thumbnail', file, file.dataURL)
      this.$refs.dropzone.dropzone.emit('complete', file)
    });

如果您的 ref 是 dropzone，您需要转到 this.$refs.dropzone.dropzone。

你需要在@vdropzone-mounted="loadPictures"中调用你的方法。

祝你好运！

【讨论】：

哦，我太笨了，我也看到了这个解决方案，但无法弄清楚如何将它与 vue-dropzone 包装器一起使用，所以 dropzone.dropzone 它是，非常感谢，尺寸是关闭，但我确信我可以自己解决这个问题（现在用 css 类解决了）
我在某处创建了尺寸选项。如果你愿意，我可以给你。
谢谢，我知道有一个选项，但它似乎不适用于该触发器，一个简单的 .dz-image 类解决了它，我也在那里定义了大小。跨度>
酷。是的，只是换班。祝你好运，再见。 :)
哦，关于@vdropzone-mounted，我不使用它的问题是我的数据库调用还没有完成，所以我没有图像 URL 并且挂载的触发太早了。