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

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

你要么必须使用图像代表你在你的JSON字符串一旦返回PDF文件图标上传的文件是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); 
    } 
}