前端a链接读取txt文件导出下载_怎么用js通过文件的url下载文件到本地

这段代码展示了如何使用JavaScript根据浏览器类型(如IE、Edge、Chrome、Firefox、Safari)来实现TXT文件的下载。它创建了一个隐藏的下载链接,并通过`document.execCommand("SaveAs")`(针对IE和Edge)或直接触发点击事件(针对其他现代浏览器)来实现文件下载。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//判断浏览器类型

function myBrowser() {

var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串

var isOpera = userAgent.indexOf("Opera") > -1;

if (isOpera) {

return "Opera"

}; //判断是否Opera浏览器

if (userAgent.indexOf("Firefox") > -1) {

return "FF";

} //判断是否Firefox浏览器

if (userAgent.indexOf("Chrome") > -1) {

return "Chrome";

}

if (userAgent.indexOf("Safari") > -1) {

return "Safari";

} //判断是否Safari浏览器

if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {

return "IE";

}; //判断是否IE浏览器

if (userAgent.indexOf("Trident") > -1) {

return "Edge";

} //判断是否Edge浏览器

}

//IE浏览器图片保存本地

function SaveAs5(imgURL) {

var oPop = window.open(imgURL, "", "width=1, height=1, top=5000, left=5000");

for (; oPop.document.readyState != "complete";) {

if (oPop.document.readyState == "complete") break;

}

oPop.document.execCommand("SaveAs");

oPop.close();

}

// 下载图片

function oDownLoad(url) {

if (myBrowser() === "IE" || myBrowser() === "Edge") {

SaveAs5(url);

} else {

download(url);

}

}

//谷歌,360极速等浏览器下载

function download(src) {

// 创建隐藏的可下载链接

var eleLink = document.createElement('a');

eleLink.download = src;

eleLink.style.display = 'none';

// // 字符内容转变成blob地址

eleLink.href = src;

// // 触发点击

document.body.appendChild(eleLink);

eleLink.click();

// // 然后移除

document.body.removeChild(eleLink);

};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值