下载已在jquery上传的文件

时间:2017-08-02 10:48:07

标签: javascript jquery html asp.net

我正在上传文件,并将其显示名称显示为存储位置及其锚标记。

以下是代码: -

<input type="button" class="uploadButton" id="btnUploadPDF" value="Upload" data-toggle="modal" data-target="#dvFileUpload" />
                                            <a class="img-responsive" id="ImgSignedDoc" data-filename="" href="" target="_blank">Download</a>

文件名来自anchor tag。这是它的外观

Img

现在我想要的是,在一个地方上传这个文件之后,我想下载该文件以供点击该锚标记参考。我怎样才能在jquery中实现它。 ASP.net也会这样做。

修改

存储文件的逻辑

function setImagesUploadedFile(JsonObject) {
for (i = 0; i < JsonObject.length; i++) {
    var obj = JsonObject[i].Filename;
    var obj2 = "ImgSignedDoc";
    var obj3 = JsonObject[i].FileType;
    var datafileName = JsonObject[0].ImageName;

    var ImgObj = parent.document.getElementById(obj2);
    ImgObj.innerText = SharedFilePath + obj;
    $(ImgObj).attr("data-filename", datafileName);
}

}

1 个答案:

答案 0 :(得分:1)

这样的事情可以帮助你 - 在你的setImagesUploadedFile函数中实现它 - 或者它的成功调用或其他东西。

 var b = document.getElementById("ImgSignedDoc");
 b.setAttribute("href", SharedFilePath + obj);

或者使用jQuery

$('#ImgSignedDoc').attr('href', SharedFilePath + obj);

这里的整个功能:

function setImagesUploadedFile(JsonObject) {
    for (i = 0; i < JsonObject.length; i++) {
        var obj = JsonObject[i].Filename;
        var obj2 = "ImgSignedDoc";
        var obj3 = JsonObject[i].FileType;
        var datafileName = JsonObject[0].ImageName;

        var ImgObj = parent.document.getElementById(obj2);
        ImgObj.innerText = SharedFilePath + obj;
        $('#ImgSignedDoc').attr('href', SharedFilePath + obj);
        $(ImgObj).attr("data-filename", datafileName);
    }
}

你在控制台中有任何错误吗?

修改

所以聊天之后,解决方法是使用已设置的文本,并将其设置为属性。含义。

var filepath = e.innerText; 
$('#ImgSignedDoc').attr('href', filepath);

现在可以使用下载按钮。