js 下载相对路径文件到本地
时间: 2024-08-12 20:07:32 浏览: 31
在JavaScript中,你可以使用`fetch`、`XMLHttpRequest`或`Blob`和`URL.createObjectURL`方法来下载相对路径的文件到用户的本地。这里是一个基本的示例,使用`fetch`来下载:
```javascript
function downloadFile(relativePath) {
var xhr = new XMLHttpRequest();
xhr.open('GET', relativePath, true);
xhr.responseType = 'blob';
xhr.onload = function () {
if (this.status == 200) {
// 创建一个URL,然后创建一个隐藏的a标签
var url = URL.createObjectURL(this.response);
var a = document.createElement('a');
a.href = url;
a.download = 'filename'; // 文件名,可以自定义
a.style.display = 'none';
// 触发click事件模拟点击,开始下载
document.body.appendChild(a);
a.click();
// 清除临时URL,防止内存泄漏
URL.revokeObjectURL(url);
document.body.removeChild(a);
} else {
console.error('Error:', this.status);
}
};
xhr.onerror = function () {
console.error('Error:', this.status);
};
xhr.send();
}
// 使用方法
downloadFile('/path/to/your/file.txt');
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)