首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >下拉区域-上传完成后用链接替换文件名?

问下拉区域-上传完成后用链接替换文件名?
EN

Stack Overflow用户
提问于 2017-03-14 19:09:54
回答 2查看 1.8K关注 0票数 0

我已经集成了下拉列表,它可以很好地处理上传的文件等等。我想做的是在上传成功后隐藏进度条,并将文件名替换为指向实际上传文件的链接。当每个文件上传完毕时,这会自动发生.

看一下文档,我知道我应该用

代码语言:javascript
复制
            this.on("success", function(file, response) {
                if (response.success == 'true') {
                  // hide progress bar '.dz-progress'
                  // replace .data-dz-name with url from response
                }
            });

但是,我还没有弄清楚如何访问特定的html元素来替换/隐藏等。

编辑:I能够使用原始dropzone.css中的css类隐藏/转换进度条。现在只需要找到一种用'a‘标记替换文件名的方法。

EN

回答 2

Stack Overflow用户

发布于 2017-12-23 14:48:27

适用于Dropzone 5.x及以上

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

代码语言:javascript
复制
this.on("success", function(file, response) {
    // modify the preview template
    file.previewTemplate.appendChild(document.createTextNode(response.filePath));
});

用于Dropzone的参考教程以及服务器端处理

票数 1
EN

Stack Overflow用户

发布于 2017-03-14 19:14:23

代码语言:javascript
复制
$('.dz-progress').hide();

或

代码语言:javascript
复制
$(".dz-progress").remove();

并取代.data-dz-name

代码语言:javascript
复制
$('.data-dz-name').html(url from response);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42794594

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档