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

Question

我想将我服务器上已有的文件添加到 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);
    });

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

Answer 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 不会在文件添加时生成缩略图

vue-dropzone doesn't generate thumbnails on file add

javascript

dropzone.js

vue.js