萌新小程序开发员 2022-02-10 11:46 采纳率: 50%
浏览 240
已结题

钉钉小程序上传图片 - 图片转base64格式传给后台,钉钉小程序的官方文档没有图片转base64的JSAPI,如何解决?

问题遇到的现象和发生背景

业务需求,将上传的图片转成base64格式传给后台

问题相关代码,请勿粘贴截图

base = path =>{
    Taro.getFileSystemManager().readFile({
      filePath: path,
      encoding: 'base64',
      success: res => { 
        console.log("base");
        
        this.setState({
          image_data:res.data
        },()=>{
          this.timestamp()
        })
      }
    })
  }

  // 获取后台时间戳
  timestamp = () => {
    Taro.request({
        url: 'https://iconvert-api.xunjietupian.com/api/v4/getutctime', 
        success: (res) => {
          console.log("timestamp");
          this.setState({
            timestamp:res.data.utctime
          },()=>{
            this.getImageName()
          })
        }
    });
  }
  
  // 获取文件名
  getImageName = () =>{
    console.log('getImageName');
    let imagepath = this.state.imgurl;
    let lastindex = imagepath.lastIndexOf('/')
    let imageName = imagepath.substring(lastindex+1,imagepath.length)
    this.setState({
      image_name:imageName
    },()=>{
      this.datasign()
    })
  }
运行结果及报错内容

img

img

  • 写回答

1条回答 默认 最新

  • 喵喵学姐 2022-02-10 12:02
    关注

    调用官方上传api获取到图片临时路径,然后引入base64包对图片临时路径进行转换成base64编码,再调后台api传值过去

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 2月18日
  • 已采纳回答 2月10日
  • 创建了问题 2月10日

悬赏问题

  • ¥15 Chrome Manifest扩展引用Ajax-hook库拦截请求失败
  • ¥15 用Ros中的Topic通讯方式控制小乌龟的速度,走矩形;编写订阅器代码
  • ¥15 LLM accuracy检测
  • ¥15 pycharm添加远程解释器报错
  • ¥15 如何让子窗口鼠标滚动独立,不要传递消息给主窗口
  • ¥15 如何能达到用ping0.cc检测成这样?如图
  • ¥15 关于#DMA固件#的问题,请各位专家解答!
  • ¥15 请问华为OD岗位的内部职业发展通道都有哪些,以及各个级别晋升的要求
  • ¥20 微信小程序 canvas 问题
  • ¥15 系统 24h2 专业工作站版,浏览文件夹的图库,视频,图片之类的怎样删除?