2015-04-20 16 views
9

Con il codice seguente ho ottenuto tutte le immagini caricate con DropZone, ma ora ho un semplice problema, mostra già le immagini originali come miniatura, ma ho bisogno di mostrare la miniatura con base64 uguale a dropzone fatta quando si desidera caricare nuova immagine.Come creare una miniatura per le immagini caricate su DropZone.js?

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

      }); 
     }); 

     }, 

Quindi il problema è con questo codice ho in grado di mostrare le immagini caricate con dropzone ma mostrare delle miniature con immagini originali non reale in miniatura che ha creato con base64. dropzone fatto thumbnail con base64 quando si desidera caricare nuova immagine, voglio mostrare una miniatura come questa.

risposta

16

Si dovrebbe usare createThumbnailFromUrl, originariamente postato here

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

Nel caso in cui la funzione non è definita, aggiornare la libreria dropzone. –

+0

Lei signore, salva la mia giornata. Nelle Domande frequenti su Dropzone non dire che deve essere il mockFile e l'intero URL come secondo parametro. Grazie –

+0

Come specificare lo stile della miniatura? Ho creato una versione in bianco e nero che vorrei mostrare come miniature, come farlo? –

Problemi correlati