js点击下载文件的几种情况

先预览，再下载

const downloadFile = (filename,data)=>{const a = document.createElement('a')a.download = filenameconst url = window.URL.createObjectURL(data)a.href = urla.click()window.URL.revokeObjectURL(url)
}
downloadFile('文件名.pdf',res.data)

点击后直接下载

const downloadByA = (res:any,message:any)=>{if(!res) returnlet name = res.headers['content-disposition']if(!name){const reader = new FileReader()reader.readAsText(res.data,'utf-8')reader.onload = function(){const data = JSON.parse(reader.result as string)/**这里根据各自后台反馈的不同写 */message.error(data.msg)if(data.code==='403'){// }}return}let index = name.indexOf('filename=')const fileName = decodeURI(name.substring(index + 9,name.length))let content = new Blob([res && res.data],{type:'application/json'})const url = window.URL.createObjctURL(content)const downloadA = document.createElement('a')downloadA.href = urldownloadA.setAttribute('diwnload',fileName)downloadA.style.display = 'none'const e = document.createEvent('MouseEvent')e.initEvent('click',false,false)downloadA.dispatchEvent(e)if(downloadA.remove){downloadA.remove()}
}

以上两个方法的参数都是后台传过来的参数，等请求完文件流的接口，自然就知道了

js点击下载文件的几种情况相关推荐

实现点击下载文件的几种方法
标签:文件下载,技巧在实现点击下载文件有多种方法: 后端设置header信息通过后端告诉浏览器header信息实现下载: header('Content-type: image/jpeg'); h ...
JS实现html页面点击下载文件的两种实现方法
1.使用<a>标签来完成 <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载&l ...
js 点击下载文件、图片
想直接看结论,看代码方法一!!!方法二和方法三不兼容,只是延伸下思路. 参考: https://blog.csdn.net/weixin_33694620/article/details/881705 ...
php 当前页面下载文件,php实现当前页面点击下载文件的简单方法
php实现当前页面点击下载文件的简单方法发布于 2017-08-02 17:44:21 | 80 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hypertext ...
Web前端下载文件的几种常见方式
1 标签or点击事件标签下载 <a href="xxxxx"> 或 <a href="xxxxx" download="xxxx& ...
python如何实现下载文件_python实现下载文件的三种方法
python实现下载文件的三种方法 Python开发中时长遇到要下载文件的情况,最常用的方法就是通过Http利用urllib或者urllib2模块. 当然你也可以利用ftplib从ftp站点下载文件. ...
用python下载文件的若干种方法汇总
压缩文件可以直接放到下载器里面下载的 you-get 连接下载任意文件重点用python下载文件的若干种方法汇总写文章用python下载文件的若干种方法汇总 zhangqibot发表于Met ...
python电脑下载方法-python 获取机器snpython下载文件的几种常用方法
python中下载文件常用的几个模块有urllib,urllib2,requests,方法也很简单,代码如下: 002pc.com从python 获取机器snpython下载文件的几种常用方法分析来看 ...
python下载方法-python实现下载文件的三种方法_python
本篇文章主要介绍了python实现下载文件的三种方法,最常用的方法就是通过Http利用urllib或者urllib2模块还有requests,有兴趣的可以了解一下. Python开发中时长遇到要下载文 ...

js点击下载文件的几种情况

js点击下载文件的几种情况相关推荐

最新文章

热门文章