php把buffer转化为图片_图片buffer转base64

前端imageBuffer设置图片src(后端到前端直传buffer)

本质为buffer转base64

let bytes = newUint8Array(imageBuffer.data);

let data= "";

let len=bytes.byteLength;for (let i = 0; i < len; i++) {

data+=String.fromCharCode(bytes[i]);

}

image.src= "data:image/png;base64," + window.btoa(data);

微信小程序的url图片到buffer再到base64

urlTobase64(url){

wx.request({

url:url,

responseType:'arraybuffer', //最关键的参数，设置返回的数据格式为arraybuffer

success:res=>{//把arraybuffer转成base64

let base64 =wx.arrayBufferToBase64(res.data);//不加上这串字符，在页面无法显示的哦

base64　= 'data:image/jpeg;base64,' +base64//打印出base64字符串，可复制到网页校验一下是否是你选择的原图片呢

console.log(base64)

}

})

}

=======下面一个例子,通过建立小程序云函数,再云调用,获取小程序码,

1.建立云函数:unlimitQR (3个文件)

index.js内容--其他保持默认就行

//云函数入口文件

const cloud = require('wx-server-sdk')

cloud.init()//云函数入口函数

exports.main = async (event, context) =>{

const wxContext=cloud.getWXContext();try{

const result=await cloud.openapi.wxacode.getUnlimited({

scene:'a=1'})

console.log(result);returnresult

}catch(err) {

console.log(err)returnerr

}

}

2.在随便一个页面测试 云函数,云调用下.

let that = this;

wx.cloud.callFunction({//需调用的云函数名

name: 'unlimitQR',//传给云函数的参数 (具体要传字符传还是json 要看小程序手册)

data: {

a:12,

b:19,

},//成功回调

complete(res) {

let buffer=res.result.buffer;

console.log(buffer);

const base64=wx.arrayBufferToBase64(buffer)

let bb= "data:image/png;base64,"+base64;

that.setData({bb:bb});

}

})

把bb字符串设置到image标签的src上.

转:

https://blog.csdn.net/qq_36875339/article/details/81086205   (小程序图片转Base64，方法总结)

https://blog.csdn.net/u010081689/article/details/51088068   (node使用buffer生成图片)

https://www.cnblogs.com/brainworld/p/8330334.html    (前端imageBuffer设置图片src)