当前位置: 首页 > article >正文

前端修炼手册(uniapp的api篇)

一、页面相关API

  1. uni.navigateTo
    该API用于跳转到应用内的某个页面,可以传递参数。
uni.navigateTo({
  url: '/pages/detail/detail?id=1'
})
  1. uni.redirectTo
    该API用于关闭当前页面并跳转到应用内的某个页面,可以传递参数。
uni.redirectTo({
  url: '/pages/detail/detail?id=1'
})
  1. uni.switchTab
    该API用于跳转到应用内的某个tab页,tab页是在pages.json中配置的。
uni.switchTab({
  url: '/pages/index/index'
})
  1. uni.reLaunch
    该API用于关闭所有页面并跳转到应用内的某个页面,可以传递参数。
uni.reLaunch({
  url: '/pages/index/index'
})
  1. uni.navigateBack
    该API用于返回上一页或多级页面。
uni.navigateBack({
  delta: 1
})

二、网络请求API

  1. uni.request
    该API用于发起网络请求,支持GET、POST等请求方式。
uni.request({
  url: 'https://api.example.com',
  method: 'GET',
  data: {
    id: 1
  },
  success: (res) => {
    console.log(res.data)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.uploadFile
    该API用于上传文件,支持上传到服务器或云存储。
uni.uploadFile({
  url: 'https://api.example.com',
  filePath: 'path/to/file',
  name: 'file',
  success: (res) => {
    console.log(res.data)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.downloadFile
    该API用于下载文件,支持下载到本地或云存储。
uni.downloadFile({
  url: 'https://example.com/file',
  success: (res) => {
    console.log(res.tempFilePath)
  },
  fail: (err) => {
    console.log(err)
  }
})

三、媒体相关API

  1. uni.chooseImage
    该API用于从相册或相机选择图片。
uni.chooseImage({
  count: 1,
  success: (res) => {
    console.log(res.tempFilePaths)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.previewImage
    该API用于预览图片。
uni.previewImage({
  urls: ['image1.jpg', 'image2.jpg'],
  current: 'image1.jpg'
})
  1. uni.saveImageToPhotosAlbum
    该API用于保存图片到相册。
uni.saveImageToPhotosAlbum({
  filePath: 'image.jpg',
  success: () => {
    console.log('保存成功')
  },
  fail: (err) => {
    console.log(err)
  }
})

四、地理位置相关API

  1. uni.getLocation
    该API用于获取当前地理位置。
uni.getLocation({
  type: 'wgs84',
  success: (res) => {
    console.log(res.latitude, res.longitude)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.openLocation
    该API用于打开地图选择位置。
uni.openLocation({
  latitude: 39.9,
  longitude: 116.4,
  name: '北京市',
  address: '朝阳区'
})

五、设备相关API

  1. uni.getSystemInfo
    该API用于获取设备信息。
uni.getSystemInfo({
  success: (res) => {
    console.log(res.model, res.platform)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.scanCode
    该API用于扫描二维码。
uni.scanCode({
  success: (res) => {
    console.log(res.result)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.makePhoneCall
    该API用于拨打电话。
uni.makePhoneCall({
  phoneNumber: '10086'
})

http://www.kler.cn/a/234161.html

相关文章:

  • PHP反序列化_3-漏洞利用
  • 【云原生系列--Longhorn的部署】
  • web安全测试渗透案例知识点总结(上)——小白入狱
  • 深度学习神经网络在机器人领域应用的深度剖析:原理、实践与前沿探索
  • 使用Python实现对接Hadoop集群(通过Hive)并提供API接口
  • react-redux useSelector钩子 学习样例 + 详细解析
  • Ansys方法基础
  • MacOS - M1芯片 Mac 在“恢复”模式中启用系统扩展教程
  • 更新win11后无法上网
  • Java继承和组合
  • 【制作100个unity游戏之23】实现类似七日杀、森林一样的生存游戏17(附项目源码)
  • 如何解决利用cron定时任务自动更新SSL证书后Nginx重启问题
  • 如何从 iPhone 恢复已删除的视频:简单有效方法
  • 【漏洞复现】多语言药房管理系统MPMS文件上传漏洞
  • [论文总结] 深度学习在农业领域应用论文笔记12
  • LayUI中表格树折叠 --
  • Redis -- 安装客户端redis-plus-plus
  • 形态学算法之边界提取的简单python实现——图像处理
  • C# Socket通信从入门到精通(21)——Tcp客户端判断与服务器断开连接的三种方法以及C#代码实现
  • 1.5 Binance_interface API 币本位合约行情
  • Java基础知识总结(持续更新中)
  • 第一篇【传奇开心果微博文系列】Python微项目技术点案例示例:pillow库实现毛笔字春联
  • 华为数通方向HCIP-DataCom H12-821题库(单选题:461-480)
  • 【RabbitMQ(二)】:Exchange 详解 | Message Convert 消息转换器
  • (注解配置AOP)学习Spring的第十七天
  • 每日五道java面试题之java基础篇(五)