JS通过文件URL路径下载文件
时间: 2023-10-06 11:13:47 浏览: 107
你可以使用 JavaScript 中的 `XMLHttpRequest` 对象来下载文件。以下是一个简单的示例:
```javascript
function downloadFile(url) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob'; // 将响应类型设置为二进制数据
xhr.onload = function() {
if (xhr.status === 200) {
// 创建一个 a 标签,设置 href 属性为 blob URL,并触发点击事件进行下载
var a = document.createElement('a');
a.href = window.URL.createObjectURL(xhr.response);
a.download = xhr.getResponseHeader('Content-Disposition').split('filename=')[1].trim(); // 获取文件名
document.body.appendChild(a);
a.click();
}
};
xhr.send();
}
```
调用该函数,传入文件的 URL 路径即可下载文件:
```javascript
downloadFile('http://example.com/files/myfile.pdf');
```
需要注意的是,由于浏览器的安全限制,你只能下载同源的文件。如果需要下载跨域的文件,需要服务端设置 CORS 头部信息。
阅读全文