a链接下载文件或者点击按钮自动下载

文件下载方法

    downloadFile(fileName:string,filePath:string){this.service.downloadFile(filePath).subscribe(file=>{const blobUrl = URL.createObjectURL(file); // 创建下载链接const a = document.createElement('a');a.href = blobUrl;a.target = '_parent';a.download = fileName ;(document.body || document.documentElement).appendChild(a);a.click();a.remove();})}

文件下载接口

  downloadFile(filePath) {const htppOptionsPipe = this.fileHeaders.append('session', this.getUserSession()).append('traceid', 'PC' + new Date().getTime());return this.http.get(dataUrl + `/api/civilcrm/user/downloadfile?fileName=${filePath}`,{ headers: htppOptionsPipe, responseType: 'blob' });}

如果下载的文件后缀浏览器不识别，可以采用以下的方法处理，仅供参考

  // 下载文件downloadFile(fileName:string,filePath:string){this.service.downloadFile(filePath).subscribe(file=>{const blob = new Blob([file],{type: 'application/octet-stream'})const blobUrl = URL.createObjectURL(blob);const a = document.createElement('a');a.href = blobUrl;a.target = '_parent';a.download = `${fileName}.lrmx` ; // 在这里补充了文件的后缀名(document.body || document.documentElement).appendChild(a);a.click();a.remove();URL.revokeObjectURL(blobUrl) // 释放blob对象})}

a链接下载文件或者点击按钮自动下载相关推荐

微信如何发送棋牌链接不被微信拦截屏蔽,实现微信点击超链接自动下载棋牌APP
房卡棋牌游戏App在微信中点击超链接无法直接下载,通常需要通过浏览器右上角打开下载链接,导致用户在流失率上大大增加,如何提高客户安装的转化率,自然而然就是要简化微信直接下载APP的步骤,实现微信中点击 ...
python下载文件的11种方式_Python下载文件的11种方式
在本教程中,你将学习如何使用不同的Python模块从web下载文件.此外,你将下载常规文件.web页面.Amazon S3和其他资源. 最后,你将学习如何克服可能遇到的各种挑战,例如下载重定向的文件. ...
html 点击按钮js自增,JS实现点击按钮自动增加一个单元格的方法
本文实例讲述了JS实现点击按钮自动增加一个单元格的方法.分享给大家供大家参考.具体分析如下: 这是一个网页在线自助生成表格的特效代码. 核心功能代码是JS实现,点击网页中的添加按钮,网页中自动增加一个 ...
腾讯微博——点击按钮自动加关注代码
腾讯微博点击按钮自动加关注: <iframe id="previewmc" src="http://follow.v.t.qq.com/index.php?c=fo ...
jquery粘贴按钮_实现前端点击按钮自动复制剪贴板功能
[目录] 明确需求 html分析代码实现 css分析 js分析代码实现只要是文本,长按选中就可以复制,但是需求来了挡也挡不住: 明确需求为了提升用户体验,点击[复制]按钮就自动复制到剪贴板,那 ...
springboot上传下载文件（4）--上传下载工具类（已封装）
因为在做毕设,发现之前的搭建ftp文件服务器,通过ftp协议无法操作虚拟机临时文件,又因为ftp文件服务器搭建的比较麻烦:而 hadoop的HDFS虽然可以实现,但我这里用不到那么复杂的:所以我封装了 ...
linux下载文件夹到本地命令行,linux下载文件到本地命令，linux下载文件到本地命令下载工具...
linux下载文件到本地命令,linux下载文件到本地命令下载工具来源:互联网/编辑:佚名/时间:2020-09-08 在手机上看扫一扫进入手机端 linux用户命令在哪个文件夹下用 whic ...
下载文件、（Blob数据流）下载PDF
下载文件.(Blob数据流)下载PDF 方法一 (a标签) downloadFile(file) {let url= '你的文件地址'const elink = document.createElem ...
点击按钮，下载二维码图片
const img = new Image();img.setAttribute('crossOrigin', 'anonymous');img.onload = () => {const ca ...

a链接下载文件或者点击按钮自动下载

a链接下载文件或者点击按钮自动下载相关推荐

最新文章

热门文章