how to Generate PDF Report Using mvc angularjs

Hello,

Are you using web apis?

if so.

then here is code to export xls and pdf in IE and google chrome

if (window.navigator.msSaveOrOpenBlob)

{

var byteCharacters = atob(data);

var byteNumbers = new Array(byteCharacters.length);

for (var i = 0; i < byteCharacters.length; i++)

{

byteNumbers[i] = byteCharacters.charCodeAt(i);

}

var byteArray = new Uint8Array(byteNumbers);

var blob = new Blob([byteArray], { type: 'application/csv' });

if (window.navigator && window.navigator.msSaveOrOpenBlob)

{

window.navigator.msSaveOrOpenBlob(blob, 'Trip_Log.csv');

}

else

{

var objectUrl = URL.createObjectURL(blob, 'Trip_Log.csv');

window.open(objectUrl);

}

//var date = new Date();

//var d = date.getFullYear() + '-' + date.getMonth() + 1 + '-' + date.getDate();

//var blob = new Blob([data], {

// type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"

//});

//navigator.msSaveBlob(blob, 'filename.xls');

////var blob = new Blob([data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });

////navigator.msSaveBlob(blob, 'filename.xls');

//////var objectUrl = URL.createObjectURL(blob);

//////window.open(objectUrl);

//////var blob = new Blob([data], {

////// type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"

//////});

//////navigator.msSaveBlob(blob, 'filename.xls');

}

else

{

var timeStamp = new Date();

var exportLink = document.createElement('a');

exportLink.href = 'data:attachment/csv;base64,' + encodeURI(data);

exportLink.target = '_blank';

exportLink.download = 'Trip_Log' + '.csv';

document.body.appendChild(exportLink);

exportLink.click();

}

where data is byte array coming in response of web api.

Hope this will help you

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bhushan Bhasme10y ago
Accepted answer
Hello,
Are you using web apis?
if so.
then here is code to export xls and pdf in IE and google chrome
if (window.navigator.msSaveOrOpenBlob)
{
var byteCharacters = atob(data);
var byteNumbers = new Array(byteCharacters.length);
for (var i = 0; i < byteCharacters.length; i++)
{
byteNumbers[i] = byteCharacters.charCodeAt(i);
}
var byteArray = new Uint8Array(byteNumbers);
var blob = new Blob([byteArray], { type: 'application/csv' });
if (window.navigator && window.navigator.msSaveOrOpenBlob)
{
window.navigator.msSaveOrOpenBlob(blob, 'Trip_Log.csv');
}
else
{
var objectUrl = URL.createObjectURL(blob, 'Trip_Log.csv');
window.open(objectUrl);
}
//var date = new Date();
//var d = date.getFullYear() + '-' + date.getMonth() + 1 + '-' + date.getDate();
//var blob = new Blob([data], {
// type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
//});
//navigator.msSaveBlob(blob, 'filename.xls');
////var blob = new Blob([data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
////navigator.msSaveBlob(blob, 'filename.xls');
//////var objectUrl = URL.createObjectURL(blob);
//////window.open(objectUrl);
//////var blob = new Blob([data], {
////// type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
//////});
//////navigator.msSaveBlob(blob, 'filename.xls');
}
else
{
var timeStamp = new Date();
var exportLink = document.createElement('a');
exportLink.href = 'data:attachment/csv;base64,' + encodeURI(data);
exportLink.target = '_blank';
exportLink.download = 'Trip_Log' + '.csv';
document.body.appendChild(exportLink);
exportLink.click();
}
where data is byte array coming in response of web api.
Hope this will help you
0
Krishna Rajput Singh10y ago
Hi Md thank you for writing below links helpful for you....
http://www.dotnetjalps.com/2015/10/create-pdf-asp-net-mvc-rotativa.html
https://code.msdn.microsoft.com/ASPNET-MVC5-AngularJS-1f18da53
0
Midhun Tp10y ago
Hi,
Please go through below link -
http://ngiriraj.com/pages/htmltable_export/demo.php
0