vue获取后台的文件流并且转换成图片

1.添加request的responseType

export function addCode(Equip,data) {
return request({
method: “post”,
url: ‘/upload/create/’+Equip.width+’/’+Equip.height,
data: Equip.data,
responseType:‘blob’,
})
}

2.进行图片流处理

let blob = new Blob([res]); // 返回的文件流数据
let url = window.URL.createObjectURL(blob); // 将他转化为路径
this.codeImg = url;

3.赋值给img标签

<img :src="codeImg"/>

vue获取后台的文件流并且转换成图片相关推荐

  1. XLSX文件中将url转换成图片写入

    XLSX文件中将url转换成图片写入 新建一个xlsx文件,将图片的url放置表格中 取消所有的文件格式,方便处理url转换图片 修改表格大小,方便存储图片,选中即将要转换的表格中的数据,将行高设置为 ...

  2. Axios和Ajax处理后台返回文件流实现文件下载(图片和Excel)

    Axios //定义公共方法,下载Excel download(url,data,fileName) {return axios({method: 'post',url,// headers里面设置t ...

  3. C#将PPT文件转换成图片并轮播展示

    本人小白一个,初次接触C#,各位大神还请多多点出不足,谢谢! 项目需求是:User将PPT文件上传后,公司大厅电视看板内容随即改变为上传PPT文件内容,并进行轮播显示 思路:1,实现将PPT文件打开并 ...

  4. OFD文件怎么转换成图片?这两种方法能够快速转换

    怎么将OFD文件转换成图片呢?OFD文件是我们国家自主研发的一种文件版式格式标准,大家对于这种受用面较小的文件格式见到的次数可能不多,因此也对这种格式的文件不太了解,打开它需要相关的OFD阅读软件才可 ...

  5. 怎么把PDF转换成图片?这几种转换方法都可以做到

    怎么把PDF文件转换成图片呢?大家在使用PDF文件的时候,很多情况下不仅是用来发送文件,还会用来阅读文件,如果只需要浏览文件中某部分内容的话,远没有图片使用的方便,我们可以将这部分内容转换成图片来更加 ...

  6. PDF.js + Vue 浏览器以只读方式打开PDF,后台返回文件流,前端实现预览pdf

    如果你想光前端完成 office(xls,doc,ppt) 文件的预览,只能提供你这些库来使用 PDF http://mozilla.github.com/pdf.js/ XLS https://gi ...

  7. vue 签署文件两张图合并成一张图 h5页面转换成图片并长按保存在本地

    在做让用户在页面签名并把当前页面保存为图片,附上完整代码 (直接复制代码,更改接口地址或删除接口逻辑可直接复用) **准备工作:安装   npm install vue-esign --save 全局 ...

  8. PPTPDF文件转换成图片上传OSS

    PPTPDFIMAGE 先把文件上传至本地,再去读取文件转变上传. <dependency><groupId>org.apache.pdfbox</groupId> ...

  9. Python中将字节流文件转换成图片文件

    Python中将字节流文件转换成图片文件 import urllib3 import os #PIL图像处理标准库 from PIL import Image from io import Bytes ...

最新文章

  1. eclipse或者myeclipse的代码提示功能
  2. 看linux书籍做的一些重要笔记(2011.07.03更新)
  3. struts2学习:配置篇值请求处理元素
  4. linux搭建gitlab内网,ubuntu14搭建内网gitlab服务器(示例代码)
  5. 计算机科学与python编程导论_计算机科学入门和使用Python编程
  6. Hadoop平台搭建
  7. TMS320C64x+ DSP-----Cache 优化
  8. 小程序开发组件的使用
  9. 千锋教育JavaScript视频教程笔记
  10. 写paper之ppt画图——不定期更新
  11. leaflet实现风场流动
  12. clion三角形运行键是灰的_能打游戏能编程,如何用吃灰机器,安装完整ChromeOS(支持安卓)...
  13. 力扣 547. 朋友圈 c语言 三种解法 深搜 广搜 并查集。
  14. 工业机器人智能制造生产线教学案例
  15. JDK、JRE、JVM分别是什么及它们之间的有什么关联
  16. ARM全解析 ARM8/ARM7/A9/A15等区别
  17. 最全的DevOps工具集合,再也不怕选型了!
  18. 百度语音android 集成,Android集成讯飞语音、百度语音、阿里语音识别
  19. 机器人教父预测AI未来32年!Yann LeCun留言称赞
  20. 改做人工智能之前,90%的人都没能给自己定位

热门文章

  1. matlab绘图坐标轴字体_matlab绘图如何定义坐标轴上的数字字体大小
  2. windowsxp系统修复命令
  3. html个人博客_简单 4 步,为你的个人博客配置 RSS 订阅
  4. win7 64位光驱不读盘
  5. 【每日1刷系列】软件测试常见面试题—深层概念
  6. 银行家算法(操作系统)
  7. 360浏览器的js兼容与360拦截浮动广告
  8. 帝国CMS编辑器在IE10不显示解决方法
  9. Nginx学习之Nginx高性能的实现原理
  10. 利用摄像头拍照并保存照片的程序(python实现,含UI界面)