如何存储作为变量提交的图片(dropzone JS)

Question

我需要建立一个确认按钮的图像被放在Dropzone，这将按下将存储在一个变量中的图像，然后继续。我应该调用什么函数来获取此图像？

我目前只有以下设置：

<div id=dropzone >
  <form action="/file-upload" class="dropzone">
    <div class="fallback">
      <input name="file" type="file" multiple />
    </div>
  </form>
  <img id=confirmbtn src="/images/confirm.png" alt="Confirm">
  <img id=cancelbtn src="/images/cancel.png" alt="Click me to remove the file." data-dz-remove />
   </div>

我希望将图像存储为字符串

Answer 1

我在dropzone.js上做了一个缩略图(data-dz- ctrl+f )，在预览中找到了这个：

<-this is ONE LINE BTW->
previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n 
 <div class=\"dz-image\">
<img id='data-dz-thumbnail'data-dz-thumbnail />
</div>\n  <div class=\"dz-details\">\n 
   <div class=\"dz-size\"><span data-dz-size></span></div>\n 
   <div class=\"dz-filename\"><span data-dz-name></span></div>\n 
 </div>\n 
 <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n
 </div>",

然后，我将整个图像缩略图元素更改为：

<img id='data-dz-thumbnail'data-dz-thumbnail />
//I added the id='data-dz-thumbnail' part

然后，我向js添加了一个事件侦听器。

something.onclick....{
var image=document.getElementById('data-dz-thumbnail').src
}

字面上就是这样