顯示圖像在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); 
    } 
}