当前位置: 首页 > news >正文

后端返回文件流,前端展示图片

1、请求接口时,一定要加上 responseType:'blob',否则返回的格式不对

export function download(id) {

  return request({

    url: `/download?id=${id}`,

    responseType:'blob',

    method: 'get',

  })

}

2、如果现要展示为图片,把返回的文件流转为路径

//res为返回的文件流,一定要写type, 返回的url 为 图片路径

 let url =(window.URL || window.webkitURL).createObjectURL(new Blob([res], { type:'image/png'}));

3、如果要下载,利用document.createElement('a') 创建标签下载

 let url =(window.URL || window.webkitURL).createObjectURL(new Blob([res], { type:'image/png'}));

              let link = document.createElement('a');

              link.style.display = 'none';

              link.href = url;

              link.setAttribute('download', 'png');

              document.body.appendChild(link);

              link.click();

              document.body.removeChild(link);

 

http://www.xdnf.cn/news/329239.html

相关文章:

  • 003 系统和入门指令
  • 【基础知识】常见公式计算(三)
  • 情感共鸣+海外网红营销:跨境电商如何讲好“母亲节”故事?
  • BRAM 64bit位宽报错问题
  • C++ 如何在一个方法中返回多个不同类型的数据
  • [D1,2] 贪心刷题
  • 深入剖析GoFrame日志模块:优势、特色与项目实践经验分享
  • 不同大模型对提示词和问题的符号标识
  • C++:买房子
  • 手动写一个vuex的可持续化插件
  • MySQL的行级锁锁的到底是什么?
  • [Windows] Ghost Downloader v3.5.9 开源多线程下载工具
  • Qt开发经验:回调函数的线程归属问题及回调函数中更新控件的问题
  • css识别\n换行
  • SEO关键词与长尾词精准布局策略
  • 海外短剧H5系统开发:技术架构、SEO优化与全球市场突围策略 [2025版]
  • 通过vllm部署qwen3大模型以及基于 vLLM 的 OpenAI 兼容 API 接口调用方法总结
  • Yocto Project概念(一)
  • 外包团队协作效率低,如何优化
  • AI 大模型新浪潮:从 DeepSeek-Prover 到 Qwen3,再到 DeepSeek-R2,迈向自动推理的新时代20250507
  • (四)Java逻辑运算符和位运算符全面解析
  • spring的事件监听
  • 【Machine Learning Q and AI 读书笔记】- 05 利用数据减少过拟合现象
  • 【JAVA】BigDecimal判断是否为0, / by zero的问题修复
  • leetcode 2395. Find Subarrays With Equal Sum
  • MySQL 数据备份与恢复
  • Nginx篇之限制公网IP访问特定接口url实操
  • QUIC协议优化:HTTP_3环境下的超高速异步抓取方案
  • Qt重写相关事件,原来的默认功能是不是丢失了?
  • FFmpeg(7.1版本)编译生成ffplay