微信小程序开发中如何实现从本地相册选择图片或使用相机拍照
发表于:2025-11-16 作者:千家信息网编辑
千家信息网最后更新 2025年11月16日,这篇文章主要为大家展示了微信小程序开发中如何实现从本地相册选择图片或使用相机拍照,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下"微信小程序开发中如何实现从本地
千家信息网最后更新 2025年11月16日微信小程序开发中如何实现从本地相册选择图片或使用相机拍照
这篇文章主要为大家展示了微信小程序开发中如何实现从本地相册选择图片或使用相机拍照,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下"微信小程序开发中如何实现从本地相册选择图片或使用相机拍照"这篇文章吧。
wx.chooseImage(OBJECT)
从本地相册选择图片或使用相机拍照。
OBJECT参数说明:
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| count | Number | 否 | 最多可以选择的图片张数,默认9 |
| sizeType | StringArray | 否 | "original"原图,"compressed"压缩图,默认二者都有 |
| sourceType | StringArray | 否 | "album"从相册选图,"camera"使用相机,默认二者都由 |
| success | Function | 是 | 成功则返回图片的本地文件路径列表tempFilePaths |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
注:文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,在小程序下次启动时才能访问得到。
success返回参数说明:
| 参数 | 类型 | 说明 | 最低版本 |
|---|---|---|---|
| tempFilePaths | StringArray | 图片的本地文件路径列表 | |
| tempFiles | ObjectArray | 图片的本地文件列表,每一项是一个 File 对象 | 1.2.0 |
File 对象结构如下:
| 字段 | 类型 | 说明 |
|---|---|---|
| path | String | 本地文件路径 |
| size | Number | 本地文件大小,单位:B |
示例代码:
wx.chooseImage({ count: 1, // 默认9sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有success: function (res) { // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片var tempFilePaths = res.tempFilePaths }})wx.previewImage(OBJECT)
预览图片。
OBJECT参数说明:
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| current | String | 否 | 当前显示图片的链接,不填则默认为urls的第一张 |
| urls | StringArray | 是 | 需要预览的图片链接列表 |
| success | Function | 否 | 接口调用成功的回调函数 |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例代码:
wx.previewImage({ current: '', // 当前显示图片的http链接urls: [] // 需要预览的图片http链接列表})wx.getImageInfo(OBJECT)
获取图片信息。
OBJECT参数说明:
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| src | String | 是 | 图片的路径,可以是相对路径,临时文件路径,存储文件路径,网络图片路径 |
| success | Function | 否 | 接口调用成功的回调函数 |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
success返回参数说明:
| 参数 | 类型 | 说明 |
|---|---|---|
| width | Number | 图片宽度,单位px |
| height | Number | 图片高度 单位px |
| path | String | 返回图片的本地路径 |
示例代码:
wx.getImageInfo({ src: 'images/a.jpg', success: function (res) {console.log(res.width)console.log(res.height) }})wx.chooseImage({ success: function (res) { wx.getImageInfo({ src: res.tempFilePaths[0], success: function (res) {console.log(res.width)console.log(res.height) } }) }})wx.saveImageToPhotosAlbum(OBJECT)
基础库 1.2.0 开始支持,低版本需做兼容处理
保存图片到系统相册,需要用户授权(scope.writePhotosAlbum),详见 用户授权
OBJECT参数说明:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| filePath | String | 是 | 图片文件路径,可以是临时文件路径也可以是永久文件路径,不支持网络图片路径 |
| success | Function | 否 | 接口调用成功的回调函数 |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
success返回参数说明:
| 参数名 | 类型 | 说明 |
|---|---|---|
| errMsg | String | 调用结果 |
示例代码:
wx.saveImageToPhotosAlbum({ success(res) { }})小程序是什么意思
小程序是一种不需要下载安装即可使用的应用,通过扫描二维码或是搜一搜立即使用,操作简单,便于传播,能够实现消息通知、线下扫码、公众号关联等七大功能。它基于微信运行的,类似于APP,想用就用,用完即走,不会占用内存。
以上就是关于"微信小程序开发中如何实现从本地相册选择图片或使用相机拍照"的内容,如果该文章对您有所帮助并觉得写得不错,劳请分享给您的好友一起学习新知识,若想了解更多相关知识内容,请多多关注行业资讯频道。
图片
路径
参数
文件
函数
接口
成功
类型
相册
相机
选择
代码
示例
程序
链接
小程
开发
内容
单位
原图
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
干部职工网络安全责任书
数据库加解密函数
2019年网络安全情况
服务器html管理面板
通讯录系统c语言连接数据库
比较好软件开发培训机构
追星软件开发
服务器怎么搭建代理ip
网络安全手抄报 初中 主题
新建数据库失败是什么原因
虚拟服务器有外设这类it资源吗
wen10的服务器管理器
广电的网络安全防护有哪些
游戏服务器分区怎么设置
软件开发功能设计文档
释厄英雄服务器等级
剑网2统数据库怎么安装
游戏的线上服务器花钱吗
软件开发教育体系
天龙八部手游怎么提前进服务器
青少年网络安全手抄报A3纸
n720 打印服务器固件
为什么要制定网络安全法
霍尔果斯泰戈网络技术有限公司
c语言对软件开发的影响
服务器配置管理上机考试题库
嵌入式软件开发所必须的技能
为什么光遇服务器会出现错误
北京浪潮云服务器
互联网电影数据库技术