通过url 下载文件

vue 3.0 项目中
fileUpload.ts 添加下载代码


export const download = (url, fileName = '') => {

    const xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = 'blob'; // 通过文件下载url拿到对应的blob对象
    xhr.onload = () => {
        if (xhr.status === 200) {
            const link = document.createElement('a');
            const body = document.querySelector('body');
            link.href = window.URL.createObjectURL(xhr.response);
            link.download = fileName;
            link.click();
            body?.removeChild(link);
            window.URL.revokeObjectURL(link.href);
        }
    };

    xhr.send();
};

使用时:

 下载 

你可能感兴趣的:(通过url 下载文件)