前端如何根据相对路径下载
时间: 2023-10-24 19:05:54 浏览: 31
文件?
可以使用JavaScript中的XMLHttpRequest对象来实现根据相对路径下载文件。首先,创建一个XMLHttpRequest对象,并使用open方法指定请求的方法和URL。然后,使用responseType属性指定响应的类型为blob,最后使用send方法发送请求。在onload事件中,使用createObjectURL方法创建一个URL,用于引用下载的文件,然后使用a标签的download属性和click方法实现下载。
示例代码如下:
```javascript
function downloadFile(url) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob';
xhr.onload = function(event) {
var blob = xhr.response;
var url = URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url;
a.download = 'filename';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
};
xhr.send();
}
```
在调用downloadFile方法时,传入相对路径即可进行文件下载。