后端返回image的Buffer，显示图片
1.web版本
【后端返回image的Buffer，显示图片】请求中的responseType，需要设置成"arraybuffer"
// 获取项目截图
2 getItemPic() {
3this.$http({
4url: this.$http.adornUrl('/web/showimgFile'),
5method: 'get',
6responseType: "arraybuffer",// 注意：responseType必须是arrayBuffer，json是不行的
7params: this.$http.adornParams({
8'url' : this.imgId,
9})
10}).then(({ data }) => {
11let bytes = new Uint8Array(data);
12let storeDatahttps://www.it610.com/article/= "";
13let len = bytes.byteLength;
14for (let i = 0;
i < len;
i++) {
15storeData += String.fromCharCode(bytes[i]);
16}
17this.imgUrl = "data:image/png;
base64," + window.btoa(storeData);
18});
19 }
2.小程序版本
const fsm = wx.getFileSystemManager();
const FILE_BASE_NAME = 'qrcode_base64src';
const filePath = wx.env.USER_DATA_PATH + '/' + FILE_BASE_NAME + '.jpg';
fsm.writeFile({
filePath,
data: res,
encoding: 'binary',
success() {
that.setData({
wxCode: filePath //结果图片
})
},
fail() {},
})
推荐阅读
- 第6.2章（设置属性）
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- django-前后端交互
- 前端代码|前端代码 返回顶部 backToTop
- 关于Core|关于Core Image
- unity探究UGUI的Image中sprite和overrideSprite的区别
- ImageLoaders 加载图像
- 《二十不惑》（青春就是跌跌撞撞地勇往直前）
- 旋转image、imageView
- 《团队协作的五大障碍》读后感