当前位置: 首页 > news >正文

【前端】根据后端返回的url进行下载并设置文件下载名称

        在我们项目当中存储文件是存储到厂商的服务器上的,然后厂商返回一个可以直接下载url地址,但是前端使用这个url下载的时候永远都是保存一个名字,这时候我们就需要设置文件保存的名称,
        那么如何实现呢?使用了fetch将url转换成了blob即可。
代码如下

const downLoadFile = (url: string, fileName: string) => {const a = document.createElement("a");fetch(url).then((res) => res.blob()).then((blob) => {// 将链接地址字符内容转变成blob地址a.href = URL.createObjectURL(blob);// @ts-ignorea.download = fileName; // 下载文件的名字// a.download = url.split('/')[url.split('/').length -1] //  // 下载文件的名字document.body.appendChild(a);a.click();document.body.removeChild(a);})};
http://www.lryc.cn/news/193489.html

相关文章:

  • 《视觉SLAM十四讲》公式推导(一)
  • 简单好用的解压缩软件:keka 中文 for mac
  • 【UE 插件】UE4 虚幻引擎 插件开发(带源码插件打包、无源码插件打包) 有这一篇文章就够了!!!
  • C# CodeFormer 图像修复
  • Android Studio的笔记--HttpURLConnection使用GET下载zip文件
  • phantom3D模体
  • 贪心算法解决批量开票限额的问题
  • Unity后台登录/获取数据——BestHTTP的使用Get/Post
  • 【Windows日志】记录系统事件的日志
  • 物联网开发学习笔记——目录索引
  • Prometheus:优秀和强大的监控报警工具
  • Appium
  • 自动驾驶学习笔记(五)——绕行距离调试
  • 【Android】VirtualDisplay创建流程及原理
  • Linux服务器快速搭建pytorch
  • 声音克隆,定制自己的声音,使用最新版Bert-VITS2的云端训练+推理记录
  • LeetCode讲解篇之198. 打家劫舍
  • 【下载共享文件】Java基于SMB协议 + JCIFS依赖下载Windows共享文件(亲测可用)
  • 【评分卡实现】应用Python中的toad.ScoreCard函数实现评分卡
  • 【数据结构】双链表的相关操作(声明结构体成员、初始化、判空、增、删、查)
  • 解析找不到msvcp140.dll的5个解决方法,快速修复dll丢失问题
  • 代码管理工具 gitlab实战应用
  • 小谈设计模式(27)—享元模式
  • 网络代理技术:隐私保护与安全加固的利器
  • orgChart.js组织架构图
  • 华纳云:SQL Server怎么批量导入和导出数据
  • 深入了解桶排序:原理、性能分析与 Java 实现
  • 微店店铺所有商品数据接口,微店整店商品数据接口,微店店铺商品数据接口,微店API接口
  • SSL证书能选择免费的吗?
  • 苹果macOS电脑版 植物大战僵尸游戏