Vue 实现文件下载

一、下载file-saver

npm i file-saver

二、封装download.js

// download.js
// 导入
import { saveAs as FileSaver } from 'file-saver'
// 使用
function download(URL,fileName){// 在方法内使用该代码片段const oReq = new XMLHttpRequest()oReq.open('GET', URL, true)// URL 为下载的URL地址oReq.responseType = 'blob'oReq.onload = function() {const file = new Blob([oReq.response], {type: 'blob'})FileSaver.saveAs(file, fileName) // fileName为文件名}oReq.send()
}export default download

三、在main.js中注册

import download from "./components/download.js";Vue.prototype.$download = download;

 四、使用

//url:文件地址,例如:https://lmg.jj20.com/up/allimg/4k/s/02/2109250006343S5-0-lp.jpg
//name:文件名,例如:2109250006343S5-0-lp.jpg
this.$download(url, name)

备注:成功的下载,不会出现任何文件下载下来都是2KB的情况

本文链接:https://my.lmcjl.com/post/11109.html

展开阅读全文

4 评论

留下您的评论.