blocks|key|165044|text|首先，您需要将responseType设置为arraybuffer。如果您想要创建数据的blob，则这是必需的。参见Sending_and_Receiving_Binary_Data。因此，您的代码将如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|165045|$http.post('/postUrlHere',{myParams},+{responseType:'arraybuffer'})
++.success(function+(response)+{
+++++++var+file+=+new+Blob([response],+{type:+'application/pdf'});
+++++++var+fileURL+=+URL.createObjectURL(file);
});|code-block|syntax|javascript|165046|下一部分是，您需要使用$sce服务来让angular信任您的url。这可以通过以下方式完成：|165047|$scope.content+=+$sce.trustAsResourceUrl(fileURL);|165048|不要忘记注入$sce服务。|165049|如果这些都完成了，你现在可以嵌入你的pdf了：|165050|<embed+ng-src="{{content}}"+style="width:200px;height:200px;"></embed>|165051|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data|1|http://docs.angularjs.org/api/ng.%2524sce|2|http://docs.angularjs.org/api/ng.%2524sce^0|7|C|M|B|1M|X|0|0|0|B|4|1|0|0|6|4|2|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@$9|17|A|18|B|C]|$9|19|A|1A|B|C]]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|F|3|G|5|H|7|1E|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1F|8|@]|D|@$9|1G|A|1H|1|1I]]|E|$]]|$1|M|3|N|5|H|7|1J|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|1K|8|@]|D|@$9|1L|A|1M|1|1N]]|E|$]]|$1|Q|3|R|5|6|7|1O|8|@]|D|@]|E|$]]|$1|S|3|T|5|H|7|1P|8|@]|D|@]|E|$I|J]]|$1|U|3|-4|5|6|7|1Q|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]|12|$5|X|Y|Z|E|$10|13]]|14|$5|X|Y|Z|E|$10|15]]]]

First of all you need to set the <code>responseType</code> to <code>arraybuffer</code>. This is required if you want to create a blob of your data. See <a href="https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data">Sending_and_Receiving_Binary_Data</a>. So your code will look like this:

<pre><code>$http.post('/postUrlHere',{myParams}, {responseType:'arraybuffer'})
 .success(function (response) {
 var file = new Blob([response], {type: 'application/pdf'});
 var fileURL = URL.createObjectURL(file);
});
</code></pre>

The next part is, you need to use the <a href="http://docs.angularjs.org/api/ng.%24sce">$sce</a> service to make angular trust your url. This can be done in this way:

<pre><code>$scope.content = $sce.trustAsResourceUrl(fileURL);
</code></pre>

Do not forget to inject the <a href="http://docs.angularjs.org/api/ng.%24sce">$sce</a> service.

If this is all done you can now embed your pdf:

<pre><code>&lt;embed ng-src="{{content}}" style="width:200px;height:200px;"&gt;&lt;/embed&gt;
</code></pre>

blocks|key|161233|text|我使用AngularJS+v1.3.4|type|unstyled|depth|inlineStyleRanges|entityRanges|data|161234|HTML：|161235|<button+ng-click="downloadPdf()"+class="btn+btn-primary">download+PDF</button>|code-block|syntax|javascript|161236|JS控制器：|offset|length|style|BOLD|161237|'use+strict';
angular.module('xxxxxxxxApp')
++++.controller('xxxxController',+function+($scope,+xxxxServicePDF)+{
++++++++$scope.downloadPdf+=+function+()+{
++++++++++++var+fileName+=+"test.pdf";
++++++++++++var+a+=+document.createElement("a");
++++++++++++document.body.appendChild(a);
++++++++++++a.style+=+"display:+none";
++++++++++++xxxxServicePDF.downloadPdf().then(function+(result)+{
++++++++++++++++var+file+=+new+Blob([result.data],+{type:+'application/pdf'});
++++++++++++++++var+fileURL+=+window.URL.createObjectURL(file);
++++++++++++++++a.href+=+fileURL;
++++++++++++++++a.download+=+fileName;
++++++++++++++++a.click();
++++++++++++});
++++++++};
});|161238|JS服务：|161239|angular.module('xxxxxxxxApp')
++++.factory('xxxxServicePDF',+function+($http)+{
++++++++return+{
++++++++++++downloadPdf:+function+()+{
++++++++++++return+$http.get('api/downloadPDF',+{+responseType:+'arraybuffer'+}).then(function+(response)+{
++++++++++++++++return+response;
++++++++++++});
++++++++}
++++};
});|161240|Spring+Java+REST+Web服务-+MVC:|161241|@RequestMapping(value+=+"/downloadPDF",+method+=+RequestMethod.GET,+produces+=+"application/pdf")
++++public+ResponseEntity<byte[]>+getPDF()+{
++++++++FileInputStream+fileStream;
++++++++try+{
++++++++++++fileStream+=+new+FileInputStream(new+File("C:\\xxxxx\\xxxxxx\\test.pdf"));
++++++++++++byte[]+contents+=+IOUtils.toByteArray(fileStream);
++++++++++++HttpHeaders+headers+=+new+HttpHeaders();
++++++++++++headers.setContentType(MediaType.parseMediaType("application/pdf"));
++++++++++++String+filename+=+"test.pdf";
++++++++++++headers.setContentDispositionFormData(filename,+filename);
++++++++++++ResponseEntity<byte[]>+response+=+new+ResponseEntity<byte[]>(contents,+headers,+HttpStatus.OK);
++++++++++++return+response;
++++++++}+catch+(FileNotFoundException+e)+{
+++++++++++System.err.println(e);
++++++++}+catch+(IOException+e)+{
++++++++++++System.err.println(e);
++++++++}
++++++++return+null;
++++}|161242|entityMap^0|0|0|0|0|6|0|0|0|5|0|0|N|5|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@$K|14|L|15|M|N]]|9|@]|A|$]]|$1|O|3|P|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|17|8|@$K|18|L|19|M|N]]|9|@]|A|$]]|$1|S|3|T|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|1B|8|@$K|1C|L|1D|M|N]]|9|@]|A|$]]|$1|W|3|X|5|F|7|1E|8|@]|9|@]|A|$G|H]]|$1|Y|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|Z|$]]

I use AngularJS v1.3.4

HTML:

<pre><code>&lt;button ng-click="downloadPdf()" class="btn btn-primary"&gt;download PDF&lt;/button&gt;
</code></pre>

JS controller:

<pre><code>'use strict';
angular.module('xxxxxxxxApp')
 .controller('xxxxController', function ($scope, xxxxServicePDF) {
 $scope.downloadPdf = function () {
 var fileName = "test.pdf";
 var a = document.createElement("a");
 document.body.appendChild(a);
 a.style = "display: none";
 xxxxServicePDF.downloadPdf().then(function (result) {
 var file = new Blob([result.data], {type: 'application/pdf'});
 var fileURL = window.URL.createObjectURL(file);
 a.href = fileURL;
 a.download = fileName;
 a.click();
 });
 };
});
</code></pre>

JS services:

<pre><code>angular.module('xxxxxxxxApp')
 .factory('xxxxServicePDF', function ($http) {
 return {
 downloadPdf: function () {
 return $http.get('api/downloadPDF', { responseType: 'arraybuffer' }).then(function (response) {
 return response;
 });
 }
 };
});
</code></pre>

Java REST Web Services - Spring MVC:

<pre><code>@RequestMapping(value = "/downloadPDF", method = RequestMethod.GET, produces = "application/pdf")
 public ResponseEntity&lt;byte[]&gt; getPDF() {
 FileInputStream fileStream;
 try {
 fileStream = new FileInputStream(new File("C:\\xxxxx\\xxxxxx\\test.pdf"));
 byte[] contents = IOUtils.toByteArray(fileStream);
 HttpHeaders headers = new HttpHeaders();
 headers.setContentType(MediaType.parseMediaType("application/pdf"));
 String filename = "test.pdf";
 headers.setContentDispositionFormData(filename, filename);
 ResponseEntity&lt;byte[]&gt; response = new ResponseEntity&lt;byte[]&gt;(contents, headers, HttpStatus.OK);
 return response;
 } catch (FileNotFoundException e) {
 System.err.println(e);
 } catch (IOException e) {
 System.err.println(e);
 }
 return null;
 }
</code></pre>

blocks|key|165062|text|迈克尔的建议对我很有吸引力:)如果您用$http.get替换$http.post，请记住.get方法接受2个参数而不是3个参数……这就是我浪费时间的地方。;)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|165063|控制器：|165064|$http.get('/getdoc/'+%2B+$stateParams.id,+++++
{responseType:'arraybuffer'})
++.success(function+(response)+{
+++++var+file+=+new+Blob([(response)],+{type:+'application/pdf'});
+++++var+fileURL+=+URL.createObjectURL(file);
+++++$scope.content+=+$sce.trustAsResourceUrl(fileURL);
});|code-block|syntax|javascript|165065|查看：|165066|<object+ng-show="content"+data="{{content}}"+type="application/pdf"+style="width:+100%25;+height:+400px;"></object>|165067|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

michael's suggestions works like a charm for me :)
If you replace $http.post with $http.get, remember that the .get method accepts 2 parameters instead of 3... this is where is wasted my time... ;)

controller:

<pre><code>$http.get('/getdoc/' + $stateParams.id, 
{responseType:'arraybuffer'})
 .success(function (response) {
 var file = new Blob([(response)], {type: 'application/pdf'});
 var fileURL = URL.createObjectURL(file);
 $scope.content = $sce.trustAsResourceUrl(fileURL);
});
</code></pre>

view:

<pre><code>&lt;object ng-show="content" data="{{content}}" type="application/pdf" style="width: 100%; height: 400px;"&gt;&lt;/object&gt;
</code></pre>

blocks|key|163575|text|我在Opera浏览器中使用"window.URL“遇到了困难，因为它会导致”未定义“。此外，在window.URL中，PDF文档永远不会在Internet+Explorer和Microsoft+Edge中打开(它将永远等待)。我想出了以下解决方案，可以在IE，Edge，Firefox，Chrome和Opera上运行(还没有在Safari上测试过)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|163576|$http.post(postUrl,+data,+{responseType:+'arraybuffer'})
.success(success).error(failed);

function+success(data)+{
+++openPDF(data.data,+"myPDFdoc.pdf");
};

function+failed(error)+{...};

function+openPDF(resData,+fileName)+{
++++var+ieEDGE+=+navigator.userAgent.match(/Edge/g);
++++var+ie+=+navigator.userAgent.match(/.NET/g);+//+IE+11%2B
++++var+oldIE+=+navigator.userAgent.match(/MSIE/g);+

++++var+blob+=+new+window.Blob([resData],+{+type:+'application/pdf'+});

++++if+(ie+%7C%7C+oldIE+%7C%7C+ieEDGE)+{
+++++++window.navigator.msSaveBlob(blob,+fileName);
++++}
++++else+{
+++++++var+reader+=+new+window.FileReader();
+++++++reader.onloadend+=+function+()+{
++++++++++window.location.href+=+reader.result;
+++++++};
+++++++reader.readAsDataURL(blob);
++++}
}|code-block|syntax|javascript|163577|如果有帮助，请让我知道！:)|163578|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I faced difficulties using "window.URL" with Opera Browser as it would result to "undefined". Also, with window.URL, the PDF document never opened in Internet Explorer and Microsoft Edge (it would remain waiting forever). I came up with the following solution that works in IE, Edge, Firefox, Chrome and Opera (have not tested with Safari):

<pre><code>$http.post(postUrl, data, {responseType: 'arraybuffer'})
.success(success).error(failed);

function success(data) {
 openPDF(data.data, "myPDFdoc.pdf");
};

function failed(error) {...};

function openPDF(resData, fileName) {
 var ieEDGE = navigator.userAgent.match(/Edge/g);
 var ie = navigator.userAgent.match(/.NET/g); // IE 11+
 var oldIE = navigator.userAgent.match(/MSIE/g); 

 var blob = new window.Blob([resData], { type: 'application/pdf' });

 if (ie || oldIE || ieEDGE) {
 window.navigator.msSaveBlob(blob, fileName);
 }
 else {
 var reader = new window.FileReader();
 reader.onloadend = function () {
 window.location.href = reader.result;
 };
 reader.readAsDataURL(blob);
 }
}
</code></pre>

Let me know if it helped! :)

blocks|key|2969031|text|在过去的几天里，我一直在努力下载pdf和图片，但我只能下载简单的文本文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2969032|大多数问题都有相同的组成部分，但需要一段时间才能弄清楚正确的顺序。|2969033|谢谢你@Nikolay+Melnikov，你对这个问题的评论/回复是它工作的原因。|2969034|简而言之，下面是我的AngularJS服务后端调用：|2969035|++getDownloadUrl(fileID){
++++//
++++//Get+the+download+url+of+the+file
++++let+fullPath+=+this.paths.downloadServerURL+%2B+fileId;
++++//
++++//+return+the+file+as+arraybuffer+
++++return+this.$http.get(fullPath,+{
++++++headers:+{
++++++++'Authorization':+'Bearer+'+%2B+this.sessionService.getToken()
++++++},
++++++responseType:+'arraybuffer'
++++});
++}|code-block|syntax|javascript|2969036|在我的控制器中：|2969037|downloadFile(){
+++myService.getDownloadUrl(idOfTheFile).then(+(response)+=>+{
++++++//Create+a+new+blob+object
++++++let+myBlobObject=new+Blob([response.data],{+type:'application/pdf'});

++++++//Ideally+the+mime+type+can+change+based+on+the+file+extension
++++++//let+myBlobObject=new+Blob([response.data],{+type:+mimeType});

++++++var+url+=+window.URL+%7C%7C+window.webkitURL
++++++var+fileURL+=+url.createObjectURL(myBlobObject);
++++++var+downloadLink+=+angular.element('<a></a>');
++++++downloadLink.attr('href',fileURL);
++++++downloadLink.attr('download',this.myFilesObj[documentId].name);
++++++downloadLink.attr('target','_self');
++++++downloadLink[0].click();//call+click+function
++++++url.revokeObjectURL(fileURL);//revoke+the+object+from+URL
++++});
}|2969038|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

I have struggled for the past couple of days trying to download pdfs and images,all I was able to download was simple text files.

Most of the questions have the same components, but it took a while to figure out the right order to make it work.

Thank you @Nikolay Melnikov, your comment/reply to this question was what made it work.

In a nutshell, here is my AngularJS Service backend call:

<pre><code> getDownloadUrl(fileID){
 //
 //Get the download url of the file
 let fullPath = this.paths.downloadServerURL + fileId;
 //
 // return the file as arraybuffer 
 return this.$http.get(fullPath, {
 headers: {
 'Authorization': 'Bearer ' + this.sessionService.getToken()
 },
 responseType: 'arraybuffer'
 });
 }
</code></pre>

From my controller:

<pre><code>downloadFile(){
 myService.getDownloadUrl(idOfTheFile).then( (response) =&gt; {
 //Create a new blob object
 let myBlobObject=new Blob([response.data],{ type:'application/pdf'});

 //Ideally the mime type can change based on the file extension
 //let myBlobObject=new Blob([response.data],{ type: mimeType});

 var url = window.URL || window.webkitURL
 var fileURL = url.createObjectURL(myBlobObject);
 var downloadLink = angular.element('&lt;a&gt;&lt;/a&gt;');
 downloadLink.attr('href',fileURL);
 downloadLink.attr('download',this.myFilesObj[documentId].name);
 downloadLink.attr('target','_self');
 downloadLink[0].click();//call click function
 url.revokeObjectURL(fileURL);//revoke the object from URL
 });
}
</code></pre>

blocks|key|2969107|text|将responseType添加到从angular发出的请求中确实是一个解决方案，但对我来说，直到我将responseType设置为blob，而不是arrayBuffer，它才起作用。代码是不言自明的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2969108|++++$http({
++++++++++++method+:+'GET',
++++++++++++url+:+'api/paperAttachments/download/'+%2B+id,
++++++++++++responseType:+"blob"
++++++++}).then(function+successCallback(response)+{
++++++++++++console.log(response);
+++++++++++++var+blob+=+new+Blob([response.data]);
+++++++++++++FileSaver.saveAs(blob,+getFileNameFromHttpResponse(response));
++++++++},+function+errorCallback(response)+{+++
++++++++});|code-block|syntax|javascript|2969109|entityMap^0|1|C|1E|C|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

Adding responseType to the request that is made from angular is indeed the solution, but for me it didn't work until I've set responseType to blob, not to arrayBuffer. The code is self explanatory:

<pre><code> $http({
 method : 'GET',
 url : 'api/paperAttachments/download/' + id,
 responseType: "blob"
 }).then(function successCallback(response) {
 console.log(response);
 var blob = new Blob([response.data]);
 FileSaver.saveAs(blob, getFileNameFromHttpResponse(response));
 }, function errorCallback(response) { 
 });
</code></pre>

blocks|key|161305|text|我刚刚在使用AngularJS+v1.7.2的项目中使用的代码建议|type|unstyled|depth|inlineStyleRanges|entityRanges|data|161306|$http.get('LabelsPDF?ids='+%2B+ids,+{+responseType:+'arraybuffer'+})
++++++++++++.then(function+(response)+{
++++++++++++++++var+file+=+new+Blob([response.data],+{+type:+'application/pdf'+});
++++++++++++++++var+fileURL+=+URL.createObjectURL(file);
++++++++++++++++$scope.ContentPDF+=+$sce.trustAsResourceUrl(fileURL);
++++++++++++});

<embed+ng-src="{{ContentPDF}}"+type="application/pdf"+class="col-xs-12"+style="height:100px;+text-align:center;"+/>|code-block|syntax|javascript|161307|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

A suggestion of code that I just used in my project using AngularJS v1.7.2

<pre><code>$http.get('LabelsPDF?ids=' + ids, { responseType: 'arraybuffer' })
 .then(function (response) {
 var file = new Blob([response.data], { type: 'application/pdf' });
 var fileURL = URL.createObjectURL(file);
 $scope.ContentPDF = $sce.trustAsResourceUrl(fileURL);
 });

&lt;embed ng-src="{{ContentPDF}}" type="application/pdf" class="col-xs-12" style="height:100px; text-align:center;" /&gt;
</code></pre>

blocks|key|2756576|text|最新答案(适用于Angular+8%2B)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2756577|this.http.post("your-url",params,{responseType:'arraybuffer'+as+'json'}).subscribe(
++(res)+=>+{
++++this.showpdf(res);
++}
)};

public+Content:SafeResourceUrl;
showpdf(response:ArrayBuffer)+{
++var+file+=+new+Blob([response],+{type:+'application/pdf'});
++var+fileURL+=+URL.createObjectURL(file);
++this.Content+=+this.sanitizer.bypassSecurityTrustResourceUrl(fileURL);
}

++HTML+:

++<embed+[src]="Content"+style="width:200px;height:200px;"+type="application/pdf"+/>|code-block|syntax|javascript|2756578|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Most recent answer (for Angular 8+):

<pre><code>this.http.post("your-url",params,{responseType:'arraybuffer' as 'json'}).subscribe(
 (res) =&gt; {
 this.showpdf(res);
 }
)};

public Content:SafeResourceUrl;
showpdf(response:ArrayBuffer) {
 var file = new Blob([response], {type: 'application/pdf'});
 var fileURL = URL.createObjectURL(file);
 this.Content = this.sanitizer.bypassSecurityTrustResourceUrl(fileURL);
}

 HTML :

 &lt;embed [src]="Content" style="width:200px;height:200px;" type="application/pdf" /&gt;
</code></pre>

I have been trying to display pdf file which I am getting as a blob from a <code>$http.post</code> response. The pdf must be displayed within the app using <code>&lt;embed src&gt;</code> for example.

I came across a couple of stack posts but somehow my example doesn't seem to work.

JS:

According to <a href="https://developer.mozilla.org/en-US/docs/Web/API/Blob" rel="noreferrer">this doc</a>, I went on and tried...

<pre><code>$http.post('/postUrlHere',{myParams}).success(function (response) {
 var file = new Blob([response], {type: 'application/pdf'});
 var fileURL = URL.createObjectURL(file);
 $scope.content = fileURL;
});
</code></pre>

Now from what I understand, <code>fileURL</code> creates a temporary URL that the blog can use as a reference.

HTML:

<pre><code>&lt;embed src="{{content}}" width="200" height="200"&gt;&lt;/embed&gt;
</code></pre>

I am not sure how to handle this in Angular, the ideal situation would be to (1) assign it to a scope, (2) 'prepare/rebuild' the blob to a pdf (3) pass it to the HTML using <code>&lt;embed&gt;</code> because I want to display it within the app.

I have been researching for more than a day now but somehow I can't seem to understand how this works in Angular... And let's just assume the pdf viewer libraries out there weren't an option.

How to Display blob (.pdf) in an AngularJS app

Java

我一直在尝试显示pdf文件，我从$http.post响应中得到了一个blob。例如，必须使用<embed src>在应用程序中显示pdf。我遇到了几个堆栈帖子，但不知何故，我的例子似乎不起作用。JS:根据的说法，我继续并尝试...$http.post('/postUrlHere',{myParams}).success...

问如何在AngularJS应用程序中显示blob (.pdf
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在AngularJS应用程序中显示blob (.pdfEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在AngularJS应用程序中显示blob (.pdf
EN