如何配置 DropZone 隐藏文件信息答案

【问题标题】：How to configure DropZone to hide file information如何配置 DropZone 隐藏文件信息
【发布时间】：2017-12-14 13:38:09
【问题描述】：

我不是在创建 Dropzone 表单，而是创建一个 div，然后我使用 JavaScript 和 Jquery 对其进行配置。

谁能解释我如何配置我的 DropZone 以隐藏文件信息、名称和大小？

【问题讨论】：

标签： javascript jquery dropzone.js

【解决方案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>

只需将 previewTemplate 选项设置为上述 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>

【讨论】：