如何为 DropZone.js 上上传的图片创建缩略图？

Question

使用下面的代码，我得到了所有上传的带有 DropZone 的图片，但是我现在遇到了一个简单的问题，它已经将原始图片显示为缩略图，但我需要显示带有 base64 的缩略图dropzone想上传新图片时制作。

dropzone.js

 init: function() {
         var thisDropzone = this;
        var pageid = $("#pageid").val();
        $.getJSON('plugin/dropzone/get_item_images.php?id='+pageid, function(data) { 

            $.each(data, function(key,value){ 

                var mockFile = { name: value.name, size: value.size }; 

                thisDropzone.options.addedfile.call(thisDropzone, mockFile);
                thisDropzone.options.thumbnail.call(thisDropzone, mockFile, "/admin/uploads/"+value.name);
                thisDropzone.emit("complete", mockFile);

            });
        });

      },

所以问题出在这段代码上，我可以使用 dropzone 显示上传的图像，但它显示的是原始图像的缩略图，而不是使用 base64 创建的真实缩略图。 dropzone 用 base64 制作缩略图当你想上传新图片时，我想显示这样的缩略图。

Answer 1

您应该使用最初发布的 createThumbnailFromUrl

myDropzone.emit("addedfile", mockFile);
myDropzone.createThumbnailFromUrl(mockFile, '/your-image.jpg');

如何为 DropZone.js 上上传的图片创建缩略图？

How to create thumbnail for uploaded images on DropZone.js?

javascript

php

jquery

json

dropzone.js