如何在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');