使用 javascript 变量作为文件名以使用 href 下载文件

Question

我有一个 javascript 代码可以从当前 html 文件中提取文件名作为变量。例如，文件名是 "new.html" 文件名变量已成功用于附加 href，我需要打开存储在另一个文件夹中的同一文件。使用相同的代码，我需要将此变量附加到带有 href 标签的文件夹路径以下载带有 href 标签的文件。文件名从 .html（example new）中提取并添加到 .xls 文件（example new.xls）

var filename=location.pathname.substring(location.pathname.lastIndexOf("/") + 1);
console.log(filename); 
document.getElementById("htag1").href= "Foldername/"+filename; 
var object=filename.slice(0,-5);
var xls=".xls";
var xlsfile=object+xls;
$(".xlsfile").text(xlsfile); 
console.log(xlsfile);
document.getElementById("d1tag1").href= "Foldername/"+xlsfile;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="htag1" target="_blank">#working</a>
<a href="#" id="d1tag1" target="_blank" download="">#not working</a>

<a href="Foldername/new.xls" target="_blank" download="new.xls">####working download code####</a>

但这给了我下载错误，没有文件被下载但它指向正确的道路。我应该使用其他方式下载功能吗？在此之前，我已经静态地输入了文件路径，这似乎有效。任何帮助，将不胜感激！谢谢！

Answer 1

试试这个方法，我相信现在它会起作用^^

var filename=location.pathname.substring(location.pathname.lastIndexOf("/") + 1);
console.log(filename); 
document.getElementById("htag1").href= "Foldername/"+filename; 
var object=filename.split(".")[0];
var xls=".xls";
var xlsfile=object+xls;
$(".xlsfile").text(xlsfile); 
console.log(xlsfile);
document.getElementById("d1tag1").href= "Foldername/"+xlsfile;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="htag1" target="_blank">#working</a>
<a href="#" id="d1tag1" target="_blank" download="">#not working</a>

<a href="Foldername/new.xls" target="_blank" download="new.xls">####working download code####</a>

使用 javascript 变量作为文件名以使用 href 下载文件

Use javascript variable as file name to download file with href

html

javascript

jquery

href