js下载文件修改文件名（跨域）

最新推荐文章于 2024-04-11 17:38:19 发布

艰辛的程序猿

最新推荐文章于 2024-04-11 17:38:19 发布

阅读量2.3k

点赞数

分类专栏： js vue 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/lz805927/article/details/123131459

版权

vue 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

pdf下载，由于a标签直接给download不生效，小编试了以下方法可以解决跨域的修改文件名。

<a ref="signUrl" href="javascript:void(0)" @click="download('文件地址', 文件名, 'pdf')" size="small">下载</a>


this.downloadstatus // 这个判断是由于以下方法会存在一直调用加的限制，每点击一次生效一次。
download (fileUrl, fileName, ext) {
      if (this.downloadstatus === 0) {
        let siag = this // 由于下列方法改变this指向另存一下
        let x = new XMLHttpRequest()
        x.open('GET', fileUrl, true)
        x.responseType = 'blob'
        if (siag.downloadstatus === 0) {
          x.onload = function (e) {
            let url = window.URL.createObjectURL(x.response)
            siag.$refs.signUrl.href = url
            siag.$refs.signUrl.download = fileName + '.' + ext
            siag.$refs.signUrl.target = '_blank'
            siag.downloadstatus = 1
            siag.$refs.signUrl.click()
          }
        }
        x.send()
      } else if (this.downloadstatus === 1) {
        this.downloadstatus = 0
      }
},