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); 
    } 
}