微信小程序之方法

1.wx.request---- 发送网络请求

wx.request({
  url: 'example.php', //发送的地址
  data: {         //携带的参数
    x: '',
    y: ''
  },
    method:'POST',//默认为get
  header: {
    'content-type': 'application/json' // 请求头
  },
  success (res) {           //回调函数   res=>响应数据
    console.log(res.data)
  }
})

详情请看:RequestTask | 微信开放文档 (qq.com)

2.wx.chooseMedia -------拍摄或从手机相册中选择图片或视频。

wx.chooseMedia({
  count: 9,
  mediaType: ['image','video'],
  sourceType: ['album', 'camera'],
  maxDuration: 30,
  camera: 'back',
  success(res) {
    console.log(res.tempFiles.tempFilePath)
    console.log(res.tempFiles.size)
  }
})
详情请看:wx.chooseMedia(Object object) | 微信开放文档 (qq.com)

3.wx.uploadFile     -----向后端或服务器发送文件图片

要配合2.wx.chooseMedia  获取图片,uploadFile     发送图片

    wx.uploadFile({
      url: 'https://example.weixin.qq.com/upload', //仅为示例,非真实的接口地址
      filePath: res.tempFiles.tempFilePath,    //图片返回的连接   res是chooseMedia回调的res
      name: 'file',      //后端取文件时的key
      formData: {         //携带的其他数据
        'user': 'test'
      },
      success (res){
        const data = res.data  
        //do something
      }
    })

详情:UploadTask | 微信开放文档 (qq.com)

 4.wx.previewImage  -------在新页面中全屏预览图片

  var dataArray = [];
    let currentUrl = event.currentTarget.dataset.src.tempFilePath
    dataArray.push(currentUrl)
    // console.log(dataArray[0])
    wx.previewImage({
      current: currentUrl, // 当前显示图片的http链接
      urls: dataArray // 需要预览的图片http链接列表
    })

5.wx.getUserProfile ------获取微信用户信息(有版本要求,点击下面的详细)

 wx.getUserProfile({
      desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
      success: (res) => {
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })

详细:wx.getUserProfile(Object object) | 微信开放文档 (qq.com)

你可能感兴趣的:(微信小程序,微信小程序,小程序)