Dropzone - 上传完成后用链接替换文件名？

Question

我已经集成了 dropzone，它在上传文件等方面工作正常。我想做的是在上传成功后隐藏进度条，并自动将文件名替换为实际上传文件的链接。这将在每个文件完成上传时自动发生...

查看文档，我知道我应该使用

            this.on("success", function(file, response) {
                if (response.success == 'true') {
                  // hide progress bar '.dz-progress'
                  // replace .data-dz-name with url from response
                }
            });

但是，我无法弄清楚如何访问该特定 html 元素以替换/隐藏等。

编辑：我能够使用原始 dropzone.css 中的 css 类来隐藏/转换进度条。现在只需要找到一种方法将文件名替换为“a”标签。

Answer 1

适用于 Dropzone 5.x 及以上

更新缩略图的正确方法是修改成功回调中的Preview Template如下：

this.on("success", function(file, response) {
    // modify the preview template
    file.previewTemplate.appendChild(document.createTextNode(response.filePath));
});

Reference tutorial 用于 Dropzone 以及服务器端处理

Answer 2

$('.dz-progress').hide();

或

$(".dz-progress").remove();

并替换.data-dz-name

$('.data-dz-name').html(url from response);