前端根据后台返回url下载文件

最新推荐文章于 2024-06-10 10:39:20 发布

淋雪小新

最新推荐文章于 2024-06-10 10:39:20 发布

阅读量2k

点赞数

分类专栏： vue 前端文章标签：前端 javascript html

本文链接：https://blog.csdn.net/zxl_start/article/details/123083141

版权

前端同时被 2 个专栏收录

59 篇文章 2 订阅

订阅专栏

vue

57 篇文章 0 订阅

订阅专栏

前端根据后台返回url下载文件（图片、word、pdf）

    getFileAndDownload(fileName, url) {
      var x = new XMLHttpRequest()
      x.open('GET', url, true)
      x.responseType = 'blob'
      x.onload = function(e) {
        var blob = x.response
        if ('msSaveOrOpenBlob' in navigator) {
          // IE导出
          window.navigator.msSaveOrOpenBlob(blob, fileName)
        } else {
          var a = document.createElement('a')
          a.download = fileName
          a.href = URL.createObjectURL(blob)
          $('body').append(a)
          a.click()
          $(a).remove()
        }
      }
      x.send()
    },