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

前端下载文件重命名

作者: 生于乱世 | 来源:发表于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)
      })
    }
    

    相关文章

      网友评论

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

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