企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>VUE知识学习>正文

vue文件下载,避免浏览器默认直接打开

2024-04-10 13:07:48 浏览 1707

1、利用插件处理

npm install downloadjs -S

//导入
import download from "downloadjs"

//使用 
download(url,filename,type)

//url  下载地址   filename 文件名  type文件类型  filename和type为选填  可以不用写

2、file-saver

//安装
npm i file-saver
//或者
yarn add file-saver
//导入
import { saveAs as filesaver } from 'file-saver'
//使用
const oReq = new XMLHttpRequest()
const URL= '' // URL 为下载的URL地址
oReq.open('GET', URL, true)
oReq.responseType = 'blob'
oReq.onload = function() {
  const file = new Blob([oReq.response], {
    type: 'blob'
  })
  FileSaver.saveAs(file, fileName) // fileName为文件名
}
oReq.send()


网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音