PDF GET请求

时间:2016-03-25 01:55:12

标签: javascript angularjs

我的Angular项目使用$ resource来处理我对Web API的所有请求,但是我想知道如何处理来自PDF请求的数据,在这里查找我发现了一个使用$完美运行的代码片段http,我正试图从$ resource获得相同的结果但在那里没有成功:

        $http.get('/api/pdf/shipper', 

        {responseType:'arraybuffer'})
          .success(function (response) {
             var file = new Blob([(response)], {type: 'application/pdf'});
             var fileURL = URL.createObjectURL(file);
             $scope.content = $sce.trustAsResourceUrl(fileURL);
    });

完美地使用$ sce服务来验证我在弹出窗口中使用的$ scope.content的URL。 问题是当我在服务上对我在页面上使用的所有请求使用$ resource build时:

        InvoicePDF: $resource('/api/pdf/invoice', {},  {  
            method: 'GET',
            headers: {
                accept: 'application/pdf'
            },
            responseType: 'arraybuffer',
            cache: true,
            transformResponse: function (data) {
                var pdf;
                if (data) {
                    pdf = new Blob([data], {
                        type: 'application/pdf'
                    });
                }
                return {
                    response: pdf
                };
            }
        })

然后我打电话给控制器

            SAJAPdata.InvoicePDF.get().$promise.then(function(pdf) {

            $scope.content = $sce.trustAsResourceUrl(pdf);

        });

但没有成功Angular抱怨[$ sce:itype]在需要字符串的内容中尝试信任非字符串值:Context:resourceUrl

任何建议都将受到赞赏

1 个答案:

答案 0 :(得分:2)

为什么不使用带有ng-href的普通锚标记

https://docs.angularjs.org/api/ng/directive/ngHref