dropzone - 使预览文件可点击答案

【问题标题】：dropzone - make preview files clickabledropzone - 使预览文件可点击
【发布时间】：2015-05-29 12:27:14
【问题描述】：

这是我在 django 项目中所做的：

<link href="{% static 'media/dropzone/dist/min/dropzone.min.css' %}" type="text/css" rel="stylesheet" />
<form class="dropzone" id="my-media-dropzone" action="/some/url/" method="post" enctype="multipart/form-data">{% csrf_token %}</form>
<script src="{% static 'media/dropzone/dist/dropzone.js' %}"></script>
<script type="text/javascript">
    Dropzone.options.myMediaDropzone = {
        paramName: "file",
        maxFileSize: 2,
        uploadMultiple: false,
        clickable: true // I want the preview file to be clickable
    };
</script>

文件被添加到拖放区并显示预览文件。所以，如果你添加 5 个文件，那么 dropzone 框中会显示 5 个文件。

我想让这些预览文件可点击（使它们成为 URL 链接）。

我该怎么做？

【问题讨论】：

重新措辞使其更易于理解（包括格式和语法）。

标签： javascript jquery dropzone.js

【解决方案1】：

文档不是很好，但如果您查看Tips，您可以找到您要查找的内容：

myDropzone.on("addedfile", function(file) {
  file.previewElement.addEventListener("click", function() {
    myDropzone.removeFile(file);
  });
});

当然，您不希望文件在被点击时被删除，但您可以将 myDropzone.removeFile(file); 行替换为您想要的任何内容。

可能是这样的：

window.location.replace("http://stackoverflow.com");
// or
window.location.replace("mywebsite.com/"+file.name);

【讨论】：