vue获取后台的文件流并且转换成图片
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获取后台的文件流并且转换成图片相关推荐
- XLSX文件中将url转换成图片写入
XLSX文件中将url转换成图片写入 新建一个xlsx文件,将图片的url放置表格中 取消所有的文件格式,方便处理url转换图片 修改表格大小,方便存储图片,选中即将要转换的表格中的数据,将行高设置为 ...
- Axios和Ajax处理后台返回文件流实现文件下载(图片和Excel)
Axios //定义公共方法,下载Excel download(url,data,fileName) {return axios({method: 'post',url,// headers里面设置t ...
- C#将PPT文件转换成图片并轮播展示
本人小白一个,初次接触C#,各位大神还请多多点出不足,谢谢! 项目需求是:User将PPT文件上传后,公司大厅电视看板内容随即改变为上传PPT文件内容,并进行轮播显示 思路:1,实现将PPT文件打开并 ...
- OFD文件怎么转换成图片?这两种方法能够快速转换
怎么将OFD文件转换成图片呢?OFD文件是我们国家自主研发的一种文件版式格式标准,大家对于这种受用面较小的文件格式见到的次数可能不多,因此也对这种格式的文件不太了解,打开它需要相关的OFD阅读软件才可 ...
- 怎么把PDF转换成图片?这几种转换方法都可以做到
怎么把PDF文件转换成图片呢?大家在使用PDF文件的时候,很多情况下不仅是用来发送文件,还会用来阅读文件,如果只需要浏览文件中某部分内容的话,远没有图片使用的方便,我们可以将这部分内容转换成图片来更加 ...
- PDF.js + Vue 浏览器以只读方式打开PDF,后台返回文件流,前端实现预览pdf
如果你想光前端完成 office(xls,doc,ppt) 文件的预览,只能提供你这些库来使用 PDF http://mozilla.github.com/pdf.js/ XLS https://gi ...
- vue 签署文件两张图合并成一张图 h5页面转换成图片并长按保存在本地
在做让用户在页面签名并把当前页面保存为图片,附上完整代码 (直接复制代码,更改接口地址或删除接口逻辑可直接复用) **准备工作:安装 npm install vue-esign --save 全局 ...
- PPTPDF文件转换成图片上传OSS
PPTPDFIMAGE 先把文件上传至本地,再去读取文件转变上传. <dependency><groupId>org.apache.pdfbox</groupId> ...
- Python中将字节流文件转换成图片文件
Python中将字节流文件转换成图片文件 import urllib3 import os #PIL图像处理标准库 from PIL import Image from io import Bytes ...
最新文章
- eclipse或者myeclipse的代码提示功能
- 看linux书籍做的一些重要笔记(2011.07.03更新)
- struts2学习:配置篇值请求处理元素
- linux搭建gitlab内网,ubuntu14搭建内网gitlab服务器(示例代码)
- 计算机科学与python编程导论_计算机科学入门和使用Python编程
- Hadoop平台搭建
- TMS320C64x+ DSP-----Cache 优化
- 小程序开发组件的使用
- 千锋教育JavaScript视频教程笔记
- 写paper之ppt画图——不定期更新
- leaflet实现风场流动
- clion三角形运行键是灰的_能打游戏能编程,如何用吃灰机器,安装完整ChromeOS(支持安卓)...
- 力扣 547. 朋友圈 c语言 三种解法 深搜 广搜 并查集。
- 工业机器人智能制造生产线教学案例
- JDK、JRE、JVM分别是什么及它们之间的有什么关联
- ARM全解析 ARM8/ARM7/A9/A15等区别
- 最全的DevOps工具集合,再也不怕选型了!
- 百度语音android 集成,Android集成讯飞语音、百度语音、阿里语音识别
- 机器人教父预测AI未来32年!Yann LeCun留言称赞
- 改做人工智能之前,90%的人都没能给自己定位