javascript - 在下载文档上设置平铺不起作用

Question

我尝试在链接上设置文件下载， 但我无法设置所需的文档标题，它采用默认名称 document.pdf 这是js fiddle .

HTML

<a id='dwnldLnk'  onclick="downloadPDF();">fdfdfd </a>

JavaScript

window.downloadPDF = function downloadPDF() {
    var dlnk = document.getElementById('dwnldLnk');
    dlnk.href = pdf;
    dlnk.download = "abc.pdf";
    dlink.click(); 
}
var pdf = "http://fortress-api-dev.herokuapp.com/api/documents/4015fbba21c84c0d83409565662887fe";

Answer 1

当您使用属性下载定义新文件名时，它必须具有扩展文件。 但是，您可以设置 media_type，在您的情况下，使用 application/pdf:

window.downloadPDF = function downloadPDF() {
var dlnk = document.getElementById('dwnldLnk');
var media_type_pdf = "data:application/pdf;"
dlnk.href = `${media_type_pdf}${pdf}`;
dlnk.download = "abc.pdf";
//dlink.click(); 
}
var pdf = "http://fortress-api-dev.herokuapp.com/api/documents/4015fbba21c84c0d83409565662887fe";