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

发布时间:2019-07-03 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了微信小程序各组件快速导航脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

显示消息提示框

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:384754419,请注明来意。