如何配置 DropZone 隐藏文件信息

Question

我不是在创建 Dropzone 表单，而是 div 然后我使用 JavaScript 和 Jquery.

配置它

任何人都可以向我解释如何配置我的 DropZone 以隐藏文件信息、名称和大小？

Answer 1

来自docs：

dropzone 为每个文件生成的 HTML 是使用选项 previewTemplate 定义的，默认为：

<div class="dz-preview dz-file-preview">
  <div class="dz-details">
    <div class="dz-filename"><span data-dz-name></span></div>
    <div class="dz-size" data-dz-size></div>
    <img data-dz-thumbnail />
  </div>
  <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
  <div class="dz-success-mark"><span>✔</span></div>
  <div class="dz-error-mark"><span>✘</span></div>
  <div class="dz-error-message"><span data-dz-errormessage></span></div>
</div>

只需将预览模板选项设置为上面的 HTML，但删除了 .dz-filename 和 .dz-size 元素。

你想要的模板大概是：

<div class="dz-preview dz-file-preview">
  <div class="dz-details">
    <img data-dz-thumbnail />
  </div>
  <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
  <div class="dz-success-mark"><span>✔</span></div>
  <div class="dz-error-mark"><span>✘</span></div>
  <div class="dz-error-message"><span data-dz-errormessage></span></div>
</div>

如何配置 DropZone 隐藏文件信息

How to configure DropZone to hide file information

javascript

jquery

dropzone.js