responseType: ‘blob‘的请求，失败怎么获取失败信息

最新推荐文章于 2025-05-21 17:26:18 发布

原创最新推荐文章于 2025-05-21 17:26:18 发布 · 794 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

当响应类型为application/json时，代码尝试读取并解析JSON数据，如果解析失败则显示错误信息。否则，它将数据转换为JPEG图像并进行下载，动态创建并使用a标签实现文件下载功能。

部署运行你感兴趣的模型镜像

 if (res?.type == "application/json") {
//导出失败
    const reader = new FileReader() as any
    let parseObj = null as any
    reader.readAsText(res, 'utf-8')
    reader.onload = await function () {
      parseObj = JSON.parse(reader.result)
      message.error(parseObj.msg || "操作失败")
    }
  } else {
//解析成功，开始导出
let blob = new Blob([res], {
      type: 'image/jpeg'  // 下载的文件类型格式（二进制流，不知道下载文件类型可以设置为这个）, 具体请查看HTTP Content-type 对照表
    })
    let url = URL.createObjectURL(blob)
    let a = document.createElement('a')
    a.style.display = 'none'
    a.href = url
    a.setAttribute('download', 'img.jpg')   // 设置下载的文件名
    document.body.appendChild(a)
    a.click()
    document.body.removeChild(a)       //下载完成移除dom元素
    URL.revokeObjectURL(url)
}

您可能感兴趣的与本文相关的镜像