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

时间:2015-01-28 16:18:35

标签: javascript jquery angularjs pdf bytearray

我正在使用带有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);

});

2 个答案:

答案 0 :(得分:11)

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

var pdfAsDataUri = "data:application/pdf;base64,"+byteArray;
window.open(pdfAsDataUri);

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

答案 1 :(得分:7)

您需要在服务电话中传递responseType

$http.post('/Service-URL', dataTO, {responseType: 'arraybuffer'});

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

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

从这个回答: - https://stackoverflow.com/a/21730535/3645957 https://stackoverflow.com/users/2688545/michael