javascript – 如何在DropZone.js上创建上传图像的缩略图?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在DropZone.js上创建上传图像的缩略图?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用下面的代码,我得到了所有上传的图像与DropZone,但我现在我有一个简单的问题,它已经显示原始图像为缩略图,但我需要显示缩略图与base64相同,当想要上传新的图像时制作.

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,但它显示缩略图与原始图像不是真正的thubmnail使用base64创建.当您想要上传新图像时,dropzone会将缩略图与base64进行缩放,我想像这样显示缩略图.

解决方法

你应该使用createThumbnailFromUrl,最初发布的 here
myDropzone.emit("addedfile",mockFile);
myDropzone.createThumbnailFromUrl(mockFile,'/your-image.jpg');

猜你在找的JavaScript相关文章