// 下载文件// obj是调用接口拿到的数据,name是文件名,suffix是格式后缀
export function downloadFile(obj, name, suffix) {const url = window.URL.createObjectURL(new Blob([obj]))const link = document.createElement('a')link.style.display = 'none'link.href = urlconst fileName = + name + '.' + suffixlink.setAttribute('download', fileName)document.body.appendChild(link)link.click()document.body.removeChild(link)
}

// 接口export function cameraDownload(params) {return request({url: 'api/......' + '?' + qs.stringify(params, { indices: false }),method: 'get',responseType: 'blob'  })
}

使用

handleListen(row) {console.log(row)const params = {'fileName': row.downloadLink}const name = ''文件名'cameraDownload(params).then(result => {this.downloadFile(result, name, 'ts') }).catch(() => {// 下载失败})
}

前端(vue/js)下载文件(xlsx、ts等格式)相关推荐

java后端导出excel文件流，前端vue接收下载
1.后端excel导出工具类主要依赖 <dependency><groupId>cn.hutool</groupId><ar ...
vue接入下载文件接口
vue接入下载文件接口后端接口返回字节数组或者文件流返回下载的文件时,前端使用vue接入下载文件的方法如下: 前端部分 1.前端下载文件方法 // obj:后端返回的的字节数组或者文件流:name: ...
Web前端-Vue.js必备框架（一）
Web前端-Vue.js必备框架(一) <!DOCTYPE html> <html lang="en"> <head><meta char ...
前端vue实现pdf文件的在线预览
3.前端vue实现pdf文件的在线预览我是通过 <iframe> 标签就可以满足我工作的 pdf预览需求如果<iframe> 无法满足需求 , 可以使用pdf.js这个插件 ...
前端使用js读取文件
前端使用js读取文件首先我们定义一个input标签type="file" <input type="file" οnchange="jsRea ...
Vue.js下载及安装
Vue.js下载及安装 Vue.js下载官网下载:https://cn.vuejs.org/v2/guide/installation.html Vue.js引用 //引入下载的Vue.js: &l ...
JS 下载文件两种方式总结
后端返回Blob对象(文件流),完成导出.下载功能: 1.介绍Blob Blob Blob 对象表示一个不可变.原始数据的类文件对象.它的数据可以按文本或二进制的格式进行读取,也可以转换成 Reada ...
vue上传zip文件到服务器,vue.js zip文件上传
vue.js zip文件上传内容精选换一换开发过程中,您有任何问题可以在github上提交issue,或者在华为云对象存储服务论坛中发帖求助.接口参考文档详细介绍了每个接口的参数和使用方法.在O ...
Js下载文件到本地（兼容多浏览器）
在客户端通过js下载文件,试过几种下载方式,iframe方式仅限于IE浏览器,window.open(url),location.href=url 这两种方式在chrome浏览器还会是直接打开文件而不 ...

前端(vue/js)下载文件(xlsx、ts等格式)

使用

前端(vue/js)下载文件(xlsx、ts等格式)相关推荐

最新文章

热门文章