上传后显示文件URL - jQuery-File-Upload

时间:2017-12-28 18:17:37

标签: javascript jquery jquery-file-upload

我尝试了很多,但没有很多关于JS的经验。我希望你能提供帮助。

我尝试使用Query-File-Upload(https://github.com/blueimp/jQuery-File-Upload)并且它正在运行。我只需要一点定制。

我希望上传后会显示上传图片的文件网址。目前只会显示预览图片,该图片会链接到文件网址。

我想我找到了具体的代码,但不知道如何更改它。

on('fileuploaddone', function (e, data) {
    $.each(data.result.files, function (index, file) {
        if (file.url) {
            var link = $('<a>')
                .attr('target', '_blank')
                .prop('href', file.url);
            $(data.context.children()[index])
                .wrap(link);
        } else if (file.error) {
            var error = $('<span class="text-danger"/>').text(file.error);
            $(data.context.children()[index])
                .append('<br>')
                .append(error);
        }
    });
})

我想我需要在var link = $('')之后修改部分。

我希望你能帮助我。

TIA

1 个答案:

答案 0 :(得分:0)

$(data.context.children()[index]).wrap(link);替换为$("body").append(link);

或者在结果或状态div中注入链接,例如$("#myDiv").append(link);

之类的内容