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

shalDream

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

阅读量1.7k

点赞数 1

文章标签： javascript ecmascript html5

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

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

版权

该代码段展示了一个使用JavaScript进行文件下载的处理流程。它通过发送请求获取文件，检查HTTP响应状态，利用Blob对象创建文件，然后设置链接下载属性并模拟点击触发下载。如果文件下载失败，代码会捕获错误。

摘要由CSDN通过智能技术生成

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(() => {
	    // 文件下载失败
	  })