【微信小程序】上传头像微信小程序内接小程序客服

本文介绍: 原本思路是只使用 image 标签再加上ch o os eIm g，但发现使用 button标签上传头像这种方法更实用。微信小程序文档上，button的 open–type 功能有很多。内接公司内部的小程序客服，先在微信公众平台设置小程序客服，然后使用 button的open–type 设置成c on t a ct，再进行事件对接。

在这里插入图片描述

原本思路是只使用 image标签再加上ch o os eIm g，但发现使用 bu t t on标签上传头像这种方法更实用。微信小程序文档上，button的 open–type 功能有很多
在这里插入图片描述

  <button
      style="border-radius: 50%;"
      open-type="chooseAvatar"
      bindchooseavatar="getPropertyPortrait"
  &gt;
   <image style="margin: 0rpx;" src="{{headimg?headimg:'https://ys.zye.com/upload/touxiang.png' }}"&gt;</image&gt;
  </button&gt;

  // 上传头像
  
  getPropertyPortrait(e){
    var that = this;
    var image =  e.detail.avatarUrl;
    // 调用上传函数
    imageUpload.uploadImage('/api/upload/headimg', image, 'file', {}).then((response) => {
      console.log('上传成功', response);
      that.setData({
        headimg: 'https://ys.zye.com' + response.data.pic_path
      })
      //上传之后在调用修改头像函数
      that.updePropertyPortrait('https://ys.zye.com' + response.data.pic_path);
    })
        .catch((error) => {
          console.error('上传失败', error);
          toast.showError(error.errMsg);
        });

  },
  // 修改头像
  updePropertyPortrait(pic_path){
    var that = this;
    var data = {
      token:app.globalData.token,
      headimg:pic_path
    }
    api.post('/api/member/moheadimg', JSON.stringify(data))
        .then((response) => {
          console.log('修改头像==》',response);
          if(response.code == 0){
            that.getPropertyDetails();
          }else{
            toast.showError(response.message);
          }
        })
        .catch((error) => {
          toast.showError(error.errMsg);
        });

  },

内接公司内部的小程序客服，先在微信公众平台设置小程序客服，然后使用 button的open–type设置成contact，再进行事件对接。

在这里插入图片描述

  <button class="containedwhd"
          open-type="contact"
          send-message-title="客服"
          show-message-card="true"
          bindcontact="contactEvent"
  >
    <image class="left_ls" src="https://ys.ziye.com/upload/iocn/kefu.png"></image>
    <view class="keda">客服</view>
  </button>

Page({
     // 客服
  contactEvent(e){
  
	console.log(e,'客服===>')
	console.log(e.detail.path)
    console.log(e.detail.query)
    
  }, 
})

显示所有内容

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

button 微信程序

这里写目录 标题

微信 小程序 上传 头像

使用 button 按钮包裹img

微信 小程序内接小程序客服

使用 button按钮 跳转客服

发表回复取消回复

这里写目录标题

使用button按钮包裹img

微信小程序内接小程序客服

使用button按钮跳转客服

相关文章

发表回复 取消回复

使用 button 按钮包裹img

使用 button按钮跳转客服

发表回复取消回复