前端修改下载导出文件名称

最新推荐文章于 2024-06-26 16:30:27 发布

瑞瑞w

最新推荐文章于 2024-06-26 16:30:27 发布

阅读量3.3k

点赞数

本文链接：https://blog.youkuaiyun.com/wang9rui/article/details/106237961

版权

1.cnpm i file-saver -S
2.import { saveAs } from 'file-saver';
3.const 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();
    })
};

4.getBlob(fileUrl).then(blob => {//fileUrl指的是文件路径  fileName指的是自定义文件名称
		saveAs(blob, fileName);
	})