Question

在uploading images之后，我想要的是显示image。当图像为.jpg扩展名时，它正常工作。但是当我上传pdf个文件时，它会被上传但是没有显示该文件。

JQUERY

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

    var ImgObj = parent.document.getElementById(obj2);
    ImgObj.src = SharedFilePath + obj;
    $(ImgObj).attr("data-imagename", dataImageName);
}

}

HTML

<img width="500" class="img-responsive" id="ImgSitePlotManual" data-imagename="" style="width: 606px;" />

Answer 1

一旦上传的文件为pdf，您必须使用代表您在JSON字符串中返回的pdf文件图标的图像。

或者您可以在object元素中显示pdf文件：

<object data='http://website.com/nameoffolder/documentname.pdf#toolbar=1' 
        type='application/pdf' 
        width='100%' 
        height='700px' id='PdfSitePlotManual'>

您无法在图像中查看pdf。

使用您已经返回的fileType属性：

for (i = 0; i < JsonObject.length; i++) {
    var obj = JsonObject[i].Filename;
    var obj3 = JsonObject[i].FileType;
    var dataImageName = JsonObject[i].ImageName;

    if(obj3 == 'img')
    {
       var ImgObj = parent.document.getElementById("ImgSitePlotManual");
       ImgObj.src = SharedFilePath + obj;
       $(ImgObj).attr("data-imagename", dataImageName);
    }

    else if(obj3 == 'pdf')
    {
       var PdfObj = parent.document.getElementById("PdfSitePlotManual");
       PdfObj.setAttribute('data', SharedFilePath + obj);
    }
}

在jquery中显示图像无法正常工作

1 个答案: