通过js下载文件到本地的方法a标签

shalDream

已于 2023-06-20 18:00:32 修改

阅读量1.4k

点赞数 1

文章标签： javascript ecmascript html5

于 2023-06-16 11:43:17 首次发布

本文链接：https://blog.csdn.net/shalDream/article/details/131243824

版权

filesDownload(url, params)
	  .then((res) => {
	    if (res.status === 200) {
	      const link = document.createElement('a')
	      const blob = new Blob([res.data])
	      link.href = window.URL.createObjectURL(blob)
	      link.target = '_blank'
	      let filename = res.headers['content-disposition'] === undefined ? '' :
	        res.headers['content-disposition'] .split(';')[1].split('filename=')[1]
	      if (filename === '') {
	        // 文件下载失败
	        return
	      }
	      filename = decodeURIComponent(filename)
	      link.download = filename
	      document.body.appendChild(link)
	      link.click()
	      document.body.removeChild(link)
	      // 文件下载成功
	    } else {
	      // 文件下载失败
	    }
	  })
	  .catch(() => {
	    // 文件下载失败
	  })