美文网首页
前端下载文件重命名

前端下载文件重命名

作者: 生于乱世 | 来源:发表于2022-07-12 13:42 被阅读0次
//引入使用
 downloadFileRename(url,name.ext)

//下载文件并重命名
export function downloadFileRename(url, filename) {
  function getBlob(url) {
    return new Promise((resolve) => {
      const xhr = new XMLHttpRequest()
      xhr.open('GET', url, true)
      xhr.responseType = 'blob'
      xhr.onload = () => {
        if (xhr.status === 200) {
          resolve(xhr.response)
        }
      }
      xhr.send()
    })
  }
  function saveAs(blob, filename) {
    if (window.navigator.msSaveOrOpenBlob) {
      navigator.msSaveBlob(blob, filename)
    } else {
      const link = document.createElement('a')
      const body  = document.querySelector('body')

      link.href = window.URL.createObjectURL(blob)
      link.download = filename

      // fix Firefox
      link.style.display = 'none'
      body.appendChild(link)

      link.click()
      body.removeChild(link)

      window.URL.revokeObjectURL(link.href)
      return
    }
  }
  getBlob(url).then((blob) => {
    saveAs(blob, filename)
  })
}

相关文章

  • IE下载文件前端重命名

    兼容性要求不高的情况下可以用a标签的download属性,HTML5新增的 以下情况可以支持 可以看到,万恶的IE...

  • 前端下载文件重命名

  • iOS protobuf 静态库编译

    编译 准备 下载需要的protobuf zip源文件 下载gtest源文件,解压后重命名为gtest放到proto...

  • R-loop数据分析之R-ChIP(数据预处理)

    文件重命名 我们需要对下载的SRRXXXXX文件进行重命名,毕竟有意义的命名才能方便后续展示。那么,应该如何做呢?...

  • 文件上传与下载

    文件上传 前端页面 Action处理类 struts.xml 文件下载 前端页面 处理下载请求的action st...

  • js blob导出文件 文件下载 中文乱码的问题

    需求:后端文件以二进制流的形式返回给前端, 前端需要读取流文件实现文件下载。 场景:下载成功,文件乱码。 原因:与...

  • 前端文件下载

    最近做项目遇到要把文件放在前端项目中,然后点击下载完整代码: 先把文件放在静态目录src/assets里面 通过i...

  • Linux下的命令 一

    升级YUM数据库 运行如下命令: 查找软件安装目录 查询运行文件所在路径 下载单个文件 下载并重命名 断点续传 后...

  • linux 下安装redis

    下载安装 下载源码,解压缩到 /usr/local/ 重命名成 redis,编译安装 配置 创建redis配置文件...

  • mac配置git 提示

    下载配置文件并重命名 添加到 .bash_profile 添加内容 保存后刷新

网友评论

      本文标题:前端下载文件重命名

      本文链接:https://www.haomeiwen.com/subject/wjcabrtx.html