How to add a default image in the dropzone?
<p>I have this sample:</p>

<p><a href="https://jsfiddle.net/8cy20hhL/5/" rel="nofollow">link</a></p>

<p>What I want to do is that when the page loads, there was already a charged image</p>

<p><strong>CODE JS:</strong></p>

<pre><code>Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("div#myDrop", {
    acceptedFiles: "image/*",
    maxFiles:1,
    addRemoveLinks: true,
    init: function() {
        this.on("maxfilesexceeded", function(file){
            this.removeFile(file);
            alert("No more files please!");
        });
    },
    url: "#"
});
</code></pre>

<p><strong>CODE HTML:</strong></p>

<pre><code>&lt;div class="dropzone dz-clickable" id="myDrop"&gt;
                                 &lt;div class="dz-default dz-message" data-dz-message=""&gt;
                                      &lt;span&gt;Drag and upload your profile photo&lt;/span&gt;
                                 &lt;/div&gt;
                        &lt;/div&gt;
</code></pre>

<p>Is there any possibility to load a picture from the first? Without the added user</p>

<p>Thanks in advance!</p>