zoukankan      html  css  js  c++  java
  • 图片buffer转base64

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

    本质为buffer转base64
    let bytes = new Uint8Array(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);
        return result
      } catch (err) {
        console.log(err)
        return err
      }
    
    }

    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)

  • 相关阅读:
    cookie 和session 的区别
    求职面试技巧
    php setcookie(name, value, expires, path, domain, secure) 参数详解
    (输出缓冲)函数的妙用
    linux下忘记mysql root密码解决办法
    php导入导出
    nginx的基本配置和虚拟主机的配置
    实战练习235页
    接口练习
    总结构建子类对象时的顺序
  • 原文地址:https://www.cnblogs.com/fps2tao/p/12605068.html
Copyright © 2011-2022 走看看