JS实现文档下载兼容谷歌、火狐、IE

本文介绍了如何使用JavaScript实现文件下载,重点解决Chrome、Firefox和IE11等浏览器的兼容问题,包括使用download属性、Blob对象、iframe、msSaveBlob等方法,并最终通过后台接口实现全浏览器兼容的文件下载。
摘要由CSDN通过智能技术生成

js文件下载?简单啊,a标签的download属性,然后点击即下载。
http://www.w3school.com.cn/tags/att_a_download.asp
官方也说了只有 Firefox 和 Chrome 支持 download 属性。
那我IE11怎么办,于是我开始了无尽的百度与尝试。


// 方法一:window.open没用,只是打开文件。
let output = '/static/download/aaa.txt'
let downloadFileName = 'testa'
if (window.navigator.msSaveBlob) {
    // for ie 10 and later
    try {
        let blobObject = new Blob([output])
        window.navigator.msSaveBlob(blobObject, downloadFileName)
    } catch (e) {
        console.log(e)
    }
} else {
    let file = 'data:text/plain;charset=utf-8,'
    let logFile = output
    let encoded = encodeURIComponent(logFile)
    file += encoded
    let a = document.createElement('a')
    a.href = file
    a.target =

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值