JavaScript
HTML5
Canvas

IE下，JS实现文件下载？

IE下，如何将canvas生成的base64文件重命名后保存到本地？
关注者
9
被浏览
22,408
登录后你可以
不限量看优质回答私信答主深度交流精彩内容一键收藏
查看全部 2 个回答

先敬楼上，正好在做下载文件命名

补充一下下载某个网络资源（url）的方法:

- 通过 ajax 获取 Blob

- 保存重命名


类似简单实现了一下：


function getBlob(url) {
    return new Promise(resolve => {
        const xhr = new XMLHttpRequest();

        xhr.open('GET', url, true);
        xhr.responseType = 'blob';
        xhr.onload = () => {
            if (xhr.status === 200) {
                resolve(xhr.response);
            }
        };

        xhr.send();
    });
}

function saveAs(blob, filename) {
    if (window.navigator.msSaveOrOpenBlob) {
        navigator.msSaveBlob(blob, filename);
    } else {
        const link = document.createElement('a');

        link.href = window.URL.createObjectURL(blob);
        link.download = filename;
        link.click();

        window.URL.revokeObjectURL(link.href);
    }
}

function download(url, filename) {
    getBlob(url).then(blob => {
        saveAs(blob, filename);
    });
}

// For Example
download('https://github.com/vuejs/vue-router', 'vue-router.html');

查看全部 2 个回答