Open PDF document using web api through Angular JS
HiI have to show Blob object as PDF in Angular JS
Do we have any code to show PDF in Chrome using web api through angular JS code
Thanks
N.Muthu.
You must Sign In to post a response.
Category: Webservices
I have to show Blob object as PDF in Angular JS
Do we have any code to show PDF in Chrome using web api through angular JS code
Thanks
N.Muthu.
#769120
$http({
url : '/path/to/your/API',
method : 'POST',
params : {},
headers : {
'Content-type' : 'application/pdf',
},
responseType : 'arraybuffer'
}).success(function(data, status, headers, config) {
// TODO when WS success
var file = new Blob([ data ], {
type : 'application/csv'
});
//trick to download store a file having its URL
var fileURL = URL.createObjectURL(file);
var a = document.createElement('a');
a.href = fileURL;
a.target = '_blank';
a.download = 'yourfilename.pdf';
document.body.appendChild(a);
a.click();
}).error(function(data, status, headers, config) {
//TODO when WS error
});
7:03 PM
$scope.saveAsPDF = function() {
var form = document.createElement("form");
form.setAttribute("action", "some/path/to/the/file");
form.setAttribute("method", "get");
form.setAttribute("target", "_blank");
var hiddenEle1 = document.createElement("input");
hiddenEle1.setAttribute("type", "hidden");
hiddenEle1.setAttribute("name", "some");
hiddenEle1.setAttribute("value", value);
form.append(hiddenEle1 );
form.submit();
}
The above code is not working
url : '/path/to/your/API',
method : 'POST',
params : {},
headers : {
'Content-type' : 'application/pdf',
},
responseType : 'arraybuffer'
}).success(function(data, status, headers, config) {
// TODO when WS success
var file = new Blob([ data ], {
type : 'application/csv'
});
//trick to download store a file having its URL
var fileURL = URL.createObjectURL(file);
var a = document.createElement('a');
a.href = fileURL;
a.target = '_blank';
a.download = 'yourfilename.pdf';
document.body.appendChild(a);
a.click();
}).error(function(data, status, headers, config) {
//TODO when WS error
});
7:03 PM
$scope.saveAsPDF = function() {
var form = document.createElement("form");
form.setAttribute("action", "some/path/to/the/file");
form.setAttribute("method", "get");
form.setAttribute("target", "_blank");
var hiddenEle1 = document.createElement("input");
hiddenEle1.setAttribute("type", "hidden");
hiddenEle1.setAttribute("name", "some");
hiddenEle1.setAttribute("value", value);
form.append(hiddenEle1 );
form.submit();
}
The above code is not working
Return to Return to Discussion Forum