Wie erstellt man ein Vorschaubild für hochgeladene Bilder auf DropZone.js?

Question

Mit dem untenstehenden Code habe ich alle hochgeladenen Bilder mit DropZone, aber ich habe jetzt ein einfaches Problem, es zeigt bereits Originalbilder als Thumbnail, aber ich muss Thumbnail mit base64 selbe wie dropzone gemacht, wenn Sie ein neues Bild hochladen möchten.

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); 

      }); 
     }); 

     }, 

So ist das Problem mit diesem Code ist ich in der Lage mit dropzone hochgeladene Bilder zu zeigen, aber es zeigt Thumbnail mit Originalbildern nicht echte Miniatur, die mit base64 erstellt. dropzone machte Thumbnail mit base64, wenn Sie ein neues Bild hochladen möchten, ich möchte Thumbnail so zeigen.

Answer 1

Sie sollten createThumbnailFromUrl verwenden, veröffentlicht orginally here

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