徐徐爱coding
  • 首页
  • 爱情买卖
  • 导航
  • 私语
  • 友情链接
  • 关于
    关于本站
    知识库
    弹钢琴
徐徐爱coding

徐徐爱coding

徐徐爱coding是一个个人博客站点,记录编程经历的点点滴滴,分享自己的所见与所得,坚持自己的初心,践行自己的梦想生活不是等着暴风雨过去,而是学会在风雨中跳舞!

Copyright © 2023 徐徐爱coding All Rights Reserved.
陕公网安备61019602000456陕ICP备2023007787号-2

网站已稳定运行

js下载文件的方法

js下载文件的方法

徐徐
前端
#javascript
5 热度0 评论0 点赞
发布于2023-09-27 23:50:25
🌺前言
常用的js两种下载文件的方法

注意:如果文件是来自于后端,需要注意限制接口的返回类型 responseType为blob或者buffer

1.原生实现

javascript
/**
 * 下载文件
 * @param {file} file  文件
 * @param {string} fileName 文件名称
 * @param {string} format 扩展名
 */
export default function downLoadFile (file, fileName, format = '.xlsx') {
  const blob = new Blob([file])
  const url = window.URL.createObjectURL(blob)
  const a = document.createElement('a')
  a.href = url
  a.download = fileName + format
  a.click()
  window.URL.revokeObjectURL(url)
}

2.插件实现

1.下载插件

shell
npm i js-file-download --save
yarn add js-file-download

2.引入

javascript
import fileDownload from "js-file-download";

3.使用

javascript
fileDownload(res, "region.xlsx");

目录

  • 1.原生实现
  • 2.插件实现
    • 1.下载插件
    • 2.引入
    • 3.使用
文章最后更新于 2024-08-17 12:34:47
作者:徐徐
版权声明:转载请注明文章出处
留言
暂无数据

~~空空如也