Dropzone 中实现点击图片

要在 Dropzone 中实现点击图片，你可以使用 Dropzone 的 `thumbnail` 选项来创建缩略图，并将其包装在一个链接中。例如，你可以在 Dropzone 的初始化选项中设置 `thumbnailWidth` 和 `thumbnailHeight` 来定义缩略图的大小，然后使用 `thumbnail` 选项来创建一个链接，链接的 `href` 属性指向原始图片的 URL，`target` 属性设置为 `_blank`，这样图片就可以在新标签页中打开。

以下是一个示例代码：

<div class="dropzone" id="myDropzone"></div>

<script>
  // 初始化 Dropzone
  Dropzone.autoDiscover = false;
  var myDropzone = new Dropzone("#myDropzone", {
    url: "/upload",
    thumbnailWidth: 80,
    thumbnailHeight: 80,
    thumbnailMethod: "contain"
  });

  // 创建缩略图链接
  myDropzone.on("thumbnail", function(file, dataUrl) {
    var img = file.previewElement.querySelector("img");
    var link = document.createElement("a");
    link.href = dataUrl;
    link.target = "_blank";
    img.parentNode.replaceChild(link, img);
    link.appendChild(img);
  });
</script>

这将创建一个 Dropzone 实例，在上传图片时会生成缩略图，并创建一个链接，点击链接将在新标签页中打开原始图片。