如何在dropzone中添加默認圖片？

Question

我有這樣的例子：

link

我想要做的是，在頁面加載時，已經有一個充電的圖像

CODE JS：

​​

代碼HTML：

<div class="dropzone dz-clickable" id="myDrop"> 
           <div class="dz-default dz-message" data-dz-message=""> 
             <span>Drag and upload your profile photo</span> 
           </div> 
         </div> 

有沒有可能從第一張加載圖片？沒有添加用戶

在此先感謝！

Answer 1

Espero que te funcione，saludos。

Dropzone.autoDiscover = false; 
    var myDropzone = new Dropzone("div#myDrop", { 
    acceptedFiles: "image/*", 
    maxFiles:1, 
    addRemoveLinks: true, 
    init: function() { 

      var thisDropzone = this; 
      var mockFile = { name: 'Name Image', size: 12345, type: 'image/jpeg' }; 
      thisDropzone.emit("addedfile", mockFile); 
      thisDropzone.emit("success", mockFile); 
      thisDropzone.emit("thumbnail", mockFile, "https://goo.gl/IltWyB") 

      this.on("maxfilesexceeded", function(file){ 
      this.removeFile(file); 
      alert("No more files please!"); 
      }); 

      }, 
    url : " # " 
});