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

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

或

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

并替换.data-dz-name

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

Answer 2

对于Dropzone 5.x 及以上

更新缩略图的正确方法是修改成功回调中的预览模板，如下所示：

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

Dropzone的

Reference tutorial 以及服务器端处理

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

2 个答案:

对于Dropzone 5.x 及以上