JavaScript下载文件导出到本地的两种实现方式

function download(url, fileName) {
    const a = document.createElement("a")
    a.href = url
    a.download = fileName
    a.click()
}

download('data:image/png;base64,iVBORwxxxxx', 'qrcode.png')

// 下载文件并导出本地
function downloadFile(url, name = '') {
    // 检测文件地址
    if (url.substr(0, 4) !== 'http') {
        throw new Error("请传入一个网络地址");
    }
    // 获取文件名称
    let fileName;
    if (name) {
        const index = url.lastIndexOf('.')
        fileName = name + (index === -1 ? url : url.substr(index))
    } else {
        const index = url.lastIndexOf('/')
        fileName = index === -1 ? url : url.substr(index + 1)
    }
    // 执行文件下载
    const xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.responseType = 'blob';
    xhr.onload = () => {
        if (xhr.status === 200) {
            const url = window.URL.createObjectURL(xhr.response)
            const a = document.createElement('a');
            a.href = url
            a.download = fileName
            a.click()
        } else {
            console.log('文件下载失败');
        }
    }
    xhr.onreadystatechange = () => {
        if (xhr.readyState === 4) {
            if (xhr.status == 200) {
                console.log('文件下载成功');
            }
        } else if (xhr.readyState === 3) {
            console.log('文件下载中');
        }
    }
    xhr.send();
}

// 下载文件（导出时默认使用原文件名）
downloadFile('https://img.xxx.com/thumb/xxxx.png')
// 下载文件，并且指定文件名称（不需要写文件后缀名，会自动拼接）
downloadFile('https://img.xxx.com/thumb/xxxx.png', 'qrcode')