img pdf 展示_如何显示图像（img）或pdf（iframe）？

我在页面上显示的动态链接(其余)可能会在响应中生成jpeg，tif或pdf文件。

我尝试这样做(图像部分工作正常)：

fetchContent(uri){

$.ajax({

type: "GET",

url: uri,

success: function(output, status, xhr) {

var contentType = xhr.getResponseHeader("Content-Type");

if(contentType === "image/jpeg" || contentType === "image/tiff"){

// IMG: get parent div 'container'

var $container = $('#container', top.frames["content"].document);

var img = new Image();

$(img)

.load(function(){

// initially hide

$(this).hide();

$(this).attr('id', 'imgId');

// parent div:

$container

// remove previous image

.empty()

// add this image

.append(this);

// fade in image effect

$(this).fadeIn();

})

// set the src attribute of the new image to our image

.attr('src', uri);

}else if(contentType === "application/pdf"){

// PDF: get parent div 'main'

var $main = $('#main', top.frames["content"].document);

$main.empty();

$main.append("");

}

},

complete: function(output){

$('#navigation-block').append(output);

},

error: function(output) {

$('#navigation-block').append(output);

}

});

}

PDF部分不起作用。

我该如何解决这个问题？

顺便说一下，我控制了REST服务器端和jQuery端，所以我在REST响应头中添加了正确的内容类型。

我检查了PDF.js并且会使用它，但不幸的是我的客户使用IE8。

由于