如何在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，orginally發佈here

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