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文件吗?
createObjectURL
,所以不应该使用revokeObjectURL
。 - Phil(window.URL || window.webkitURL).revokeObjectURL(save.href);
- Phil