js文件下载 不使用a
时间: 2024-04-14 22:29:07 浏览: 28
如果你不想使用`<a>`标签进行文件下载,你可以使用`Blob`对象和`URL.createObjectURL()`方法来实现文件下载。
以下是一个示例函数,使用`fetch()`方法获取文件内容,并将其保存为`Blob`对象,然后创建一个下载链接进行文件下载:
```javascript
function downloadFile(url, fileName) {
fetch(url)
.then(response => response.blob())
.then(blob => {
// 创建一个临时URL
const url = URL.createObjectURL(blob);
// 创建一个隐藏的链接
const link = document.createElement('a');
link.href = url;
link.download = fileName;
// 模拟点击链接进行下载
link.style.display = 'none';
document.body.appendChild(link);
link.click();
// 清理临时URL和链接
URL.revokeObjectURL(url);
document.body.removeChild(link);
});
}
```
使用这个函数,你可以通过指定的URL和文件名进行文件下载,而无需使用`<a>`标签。请确保提供有效的文件URL和文件名。
相关推荐
![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)