a标签下载和文件流下载

溜溜球q

已于 2023-06-09 14:27:39 修改

阅读量904

点赞数 1

分类专栏： js基础文章标签： javascript 前端

于 2022-03-13 13:36:24 首次发布

本文链接：https://blog.csdn.net/Sky_msk/article/details/122542681

版权

js基础专栏收录该内容

4 篇文章 0 订阅

订阅专栏

a标签直接下载

export const downloadFile = (obj, fileName) => {
  const url = window.URL.createObjectURL(new Blob([obj]))
  const link = document.createElement('a')
  link.style.display = 'none'
  link.href = url
  link.setAttribute('download', fileName)
  document.body.appendChild(link)
  link.click()
  document.body.removeChild(link)
}

a标签下载跨域解决办法

 axios({
   responseType: "blob",
   url: fileUrl, // 下载跨域的地址
 }).then((res) => {
   const url = window.URL.createObjectURL(res.data);
   const link = document.createElement("a");
   link .href = url;
   link .download = ""; // 文件名
   link .click();
   window.URL.revokeObjectURL(url)
 });

// blob 响应类型的接口转换为 json类型

onUploadFileSuccess(res) {
      console.log('onUploadFileSuccess', res)
      const reader = new FileReader()
      reader.onload = () => {
        console.log(reader)
        const data = JSON.parse(reader.result)
        if (data.code === 200) {
          this.$message({ message: '导入成功', type: 'success' })
        } else {
          this.$message({ message: data.message, type: 'error' })
        }
        this.getList()
      }
      reader.readAsText(res.data)
    },