脚本宝典收集整理的这篇文章主要介绍了

微信小程序各组件快速导航

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

显示消息提示框

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})

查看详情

发起 HTTPS 网络请求

 wx.request({
        url: globalUrls.registUrl,
        method: "POST",
        data: {
          username: username,
          password: password
        },
        success(res) {
          console.log(res.data);  
        }
      })

查看详情

从本地相册选择图片或使用相机拍照

wx.chooseImage({
  count: 1,
  sizeType: ['original', 'compressed'],
  sourceType: ['album', 'camera'],
  success(res) {
    // tempFilePath可以作为img标签的src属性显示图片
    const tempFilePaths = res.tempFilePaths
  }
})

查看详情

拍摄视频或从手机相册中选视频

wx.chooseVideo({
  sourceType: ['album', 'camera'],
  maxDuration: 60,
  camera: 'back',
  success(res) {
    console.log(res.tempFilePath)
  }
})

查看详情

将本地资源上传到服务器

将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data。

wx.uploadFile({
      url: 'https://example.weixin.qq.com/upload', // 仅为示例,非真实的接口地址
      filePath: tempFilePaths[0],
      name: 'file',
      formData: {
        user: 'test'
      },
      success(res) {
        const data = res.data
        // do something
      }
    })

查看详情

跳转到应用内的某个页面

保留当前页面,跳转到应用内的某个页面。使用 wx.navigateBack 可以返回到原页面。

wx.navigateTo({
  url: 'test?id=1'
})

url:需要跳转的应用内非 tabBar 的页面的路径, 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔;如 'path?key=value&key2=value2'
查看详情

总结

以上是脚本宝典为你收集整理的

微信小程序各组件快速导航

全部内容,希望文章能够帮你解决

微信小程序各组件快速导航

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过