Javascript:从字节数组中在新选项卡中打开PDF

Jer*_*ner 12 javascript pdf jquery bytearray angularjs

我正在使用带有HTTP资源的AngularJS来调用外部API,我的响应是一个字节数组.我需要在新窗口中将此字节数组转换为PDF.我没有看到任何非常好的解决方案在这里工作跨浏览器或纯javascript.有没有办法做到这一点?

这是我的代码:

使用Javascript

Document.preview({id: $scope.order.id}, function(data){

    // Open PDF Here
    var file = new Blob([data], {type: 'application/pdf'});
    var fileURL = URL.createObjectURL(file);
    window.open(fileURL);

});
Run Code Online (Sandbox Code Playgroud)

小智 10

如果有人仍在寻找,那么我正在做的(并且正在工作):

var pdfAsDataUri = "data:application/pdf;base64,"+byteArray;
window.open(pdfAsDataUri);
Run Code Online (Sandbox Code Playgroud)

其中byteArray是您收到的数据.它可能不是一个很好的解决方案(字节数组在URL中可见),但它的工作原理......

  • 现在chrome v60不允许使用window.open从byteArray打开文件,它已在chrome v60中折旧 (4认同)
  • 数据URI不适用于所有浏览器.特别是即使是IE的最新版本. (3认同)
  • 尝试使用 v94 并成功 (2认同)

ani*_*the 9

您需要在服务调用中传递responseType

$http.post('/Service-URL', dataTO, {responseType: 'arraybuffer'});
Run Code Online (Sandbox Code Playgroud)

然后,在您的数据调用成功之前,这应该在一个新窗口中打开pdf: -

    InfoFactory.getDocument()
        .success(function(data) {
            var file = new Blob([data], { type: 'application/pdf' });
            var fileURL = URL.createObjectURL(file);
            window.open(fileURL, "EPrescription");
    })
Run Code Online (Sandbox Code Playgroud)

从这个答案: - /sf/answers/1521137481//sf/users/188198181/