js\jquery下载本地txt文档
有一个功能,是需要将相对位置下txt文件读取,并下载;相对路径:“../../assets/download/版本更新日志.txt”
利用a标签进行如下设置,结果只是预览内容,没有下载txt文档;
<a href="../../assets/download/版本更新日志.txt" download="版本更新日志" title="版本更新日志">版本更新日志.txt</a>
于是换了思路,通过以下功能进行txt文件下载:
var a=document.getElementById('a')
a.addEventListener('click',()=>{
let data='';
download('版本更新日志.txt',data)
})
function download(filename,text){
var pom = document.createElement("a");
pom.setAttribute(
"href",
"data:text/plain;charset=utf-8," + encodeURIComponent(text)
);
pom.setAttribute("download", filename);
if (document.createEvent) {
var event = document.createEvent("MouseEvents");
event.initEvent("click", true, true);
pom.dispatchEvent(event);
} else {
pom.click();
}
}
通过ajax获取相对位置下的txt内容
$.ajax({
url: "../../assets/download/版本更新日志.txt",
success: function(data, status) {
download('版本更新日志.txt',data)
},
error: function(data, status) {
console.log('log err',arguments)
}
});
完整的代码如下:
var a=document.getElementById('a')
a.addEventListener('click',()=>{
$.ajax({
url: "../../assets/download/版本更新日志.txt",
success: function(data, status) {
download('版本更新日志.txt',data)
},
error: function(data, status) {
console.log('log err',arguments)
}
});
})
function download(filename,text){
var pom = document.createElement("a");
pom.setAttribute(
"href",
"data:text/plain;charset=utf-8," + encodeURIComponent(text)
);
pom.setAttribute("download", filename);
if (document.createEvent) {
var event = document.createEvent("MouseEvents");
event.initEvent("click", true, true);
pom.dispatchEvent(event);
} else {
pom.click();
}
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!