dropzoneJS - 在 dropzone 类之外的另一个元素中预览图像

Akh*_*Leo 2 javascript codeigniter-3 dropzone.js

我正在使用 CodeIgniter,我一直在寻找这部分,但没有我想要的答案。
如何在dropdownJS的另一个元素中添加预览图片和文件,我们这样调用div#preview

<form action='upload' class='dropzone'>
    //dropzone usually add preview in here
</form>

<div id='preview'>
    //what i want image preview in here, so form is just for uploading
</div>
Run Code Online (Sandbox Code Playgroud)

我的目标是:
1. 预览图像在 dropzone 类之外
2. 刷新页面后,仍显示预览图像
3. 刷新页面后显示,是否可以不将文件名保存在数据库中?

Akh*_*Leo 5

对不起,我的错没有详细阅读 dropzonejs 文档,
解决方案只是添加设置

previewsContainer: //set to where element to display,
Run Code Online (Sandbox Code Playgroud)

例子 :

Dropzone.autoDiscover = false;
var myDropzone = new Dropzone(".dropzone", {
    url: " some_upload_url ",
    acceptedFiles: "image/*",
    addRemoveLinks: true,
    previewsContainer: '#preview', //this will change preview to element selected
    etc etc
Run Code Online (Sandbox Code Playgroud)

  • previewsContainer 不是 previewContainer (7认同)