HTML(ejs模板)代码:
<input class="download" data-orderId="<%= orders[i].stubhubOrderId %>" type="button" value="Download">
JavaScript / jQuery代码:
$(document).on('click', '.download', function (e) {
showSpinner();
const orderId = $(this).attr('data-orderId');
axios.post('/get-order-ticket-by-orderid', {
orderId: orderId
})
.then(function (response) {
hideSpinner();
// PDF Download code
const fileURL = '/uploads/539038653.pdf'
const fileName = '539038653.pdf'
// for non-IE
if (!window.ActiveXObject) {
var save = document.createElement('a');
save.href = fileURL;
save.target = '_blank';
save.download = fileName || 'unknown';
var evt = new MouseEvent('click', {
'view': window,
'bubbles': true,
'cancelable': false
});
save.dispatchEvent(evt);
(window.URL || window.webkitURL).revokeObjectURL(save.href);
}
// for IE < 11
else if ( !! window.ActiveXObject && document.execCommand) {
var _window = window.open(fileURL, '_blank');
_window.document.close();
_window.document.execCommand('SaveAs', true, fileName || fileURL)
_window.close();
}
})
.catch(function (error) {
hideSpinner();
});
});
当我在新标签中手动打开PDF(http://localhost:3001/uploads/539038653.pdf)然后它工作正常但是通过上面的代码我得到了损坏/损坏的文件(PDF)。打开下载的PDF时,我收到此消息“PDF文档已损坏”。
任何人都可以帮我从JavaScript下载文件夹中的PDF文件?
我通过在节点路由'/ get-order-ticket-by-orderid'中添加以下代码解决了这个问题(请参阅我的问题中的代码'/ get-order-ticket-by-orderid')
let wstream = data.data.pipe(fs.createWriteStream('uploads/test.pdf'));
wstream.on('finish', function () {
return res.status(data.status).json(data);
});