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



我需要为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>

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

我在dropzone.js上做了一个ctrl+f(数据dz缩略图(,并在预览中发现了这个:

<-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
}

这就是

最新更新