无法加载PDF文档-Angular JS-BLOB

我正在尝试从Web API获取PDF文档,并希望在AngularApp中显示。出现“无法加载PDF文档错误”。我关注了“AngularJS:在角度应用程序中显示blob(.pdf)”一文。而我可以按照“ 使用AngularJS从ASP.NET WebAPI方法下载文件 ”一文中的说明成功下载同一文件。

看起来我正在将文件获取为“编码的分块传输”。尝试在有角度的应用程序中显示时,某种程度上它没有被解码。请指教。

Web API代码:

HttpResponseMessage result = null;

var localFilePath = @"C:\Test.pdf";

if (!File.Exists(localFilePath))

{

result = Request.CreateResponse(HttpStatusCode.Gone);

}

else

{// serve the file to the client

result = Request.CreateResponse(HttpStatusCode.OK);

result.Content = new StreamContent(new FileStream(localFilePath, FileMode.Open, FileAccess.Read));

result.Content.Headers.ContentDisposition = new System.Net.Http.Headers.ContentDispositionHeaderValue("attachment");

result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/pdf");

result.Content.Headers.ContentDisposition.FileName = "Test.pdf";

result.Content.Headers.Add("x-filename", "Test.pdf");

}

return result;

角度控制器:

   myModule.controller("pdfviewerController", function ($scope, $http, $log, $sce) {

$http.post('/api/Sample/GetTestFile', {responseType:'arraybuffer'})

.success(function (response) {

var file = new Blob([response], { type: 'application/pdf' });

var fileURL = URL.createObjectURL(file);

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

});

});

HTML模板:

<embed ng-src="{{content}}" style="width:200px;height:200px;"></embed>

回答:

控制器中有问题。{responseType:'arraybuffer'}非常需要。对于$http.get-它应该是第二个参数。对于$http.post-它应该是第三个参数。

在上述情况下,我正在使用$http.post,并且我已将其{responseType:'arraybuffer'}作为第二个参数传递。

$http.post('/api/Sample/GetTestFile', {responseType:'arraybuffer'})

更正的代码

$http.post('/api/Sample/GetTestFile','', {responseType:'arraybuffer'})

以上是 无法加载PDF文档-Angular JS-BLOB 的全部内容, 来源链接: utcz.com/qa/421577.html

回到顶部