只有文件地址，前端如何实现文件下载功能

需求：

在pc端网站开发，实现文件下载的功能。但是，后端只提供了文件地址，或者提供根据文件id拿到文件流的接口。

解决办法：

这边是使用原生异步请求，要注意的是，响应格式为blob。

const xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob'; // 响应格式为blob类型
xhr.onload = () => {
	if (xhr.status === 200) {
        const urlObject = window.URL || window.webkitURL || window;
        const export_blob = new Blob([xhr.response]);
        const save_link = document.createElement('a');
        save_link.href = urlObject.createObjectURL(export_blob);
        save_link.download = filename; // 自己取一个文件名
        save_link.click();
	}
};
xhr.send();