微信小程序笔记

可以动态绑定数字

page({
    gender: 1,//性别 0女 1男
)}

<van-radio-group direction="horizontal" model:value="{{ gender }}">
      <!-- 属性如果绑定数字,需要加{{}} -->
      <van-radio icon-size="36rpx" checked-color="#5591AF" name="{{1}}">男</van-radio>
      <van-radio icon-size="36rpx" checked-color="#5591AF" name="{{0}}">女</van-radio>
</van-radio-group>

在上传图片之前再来介绍小程序的一个 API wx.chooseMedia 通过这个 API 用户可以打开相机拍照或从机册中选择图片，其语法格式如下所示：

wx.chooseMedia({
  count: 1, // 只能选择1张图片
  mediaType: ['image'], // 只能选择图片类型
  sizeType: ['compressed'], // 默认为压缩模式
})

上传图片实例使用这个方法wx.uploadFile 下面是实例

// 调用接口上传图片
    wx.uploadFile({
      url: wx.http.baseURL + '/upload',
      filePath: media.tempFiles[0].tempFilePath,
      name: 'file',
      header: {
        Authorization: getApp().token,
      },
      success: (res) => {
        // 转换 json 数据
        const data = JSON.parse(res.data)
        // 检测接口调用结果
        if (data.code !== 10000) return wx.utils.toast('上传图片失败!')

        // 保存并预览图片地址
        this.setData({
          [type]: data.data.url,
        })
      },
    })

字符串转换成json格式

const img = JSON.parse(result.data)
console.log('上传结果', img);

通过id排除id

this.data.attachment.filter(item => item.id !== file.id)

获取系统信息 getSystemInfoSync()