微信小程序开发中如何实现从本地相册选择图片或使用相机拍照
发表于:2025-02-21 作者:千家信息网编辑
千家信息网最后更新 2025年02月21日,这篇文章主要为大家展示了微信小程序开发中如何实现从本地相册选择图片或使用相机拍照,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下"微信小程序开发中如何实现从本地
千家信息网最后更新 2025年02月21日微信小程序开发中如何实现从本地相册选择图片或使用相机拍照
这篇文章主要为大家展示了微信小程序开发中如何实现从本地相册选择图片或使用相机拍照,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下"微信小程序开发中如何实现从本地相册选择图片或使用相机拍照"这篇文章吧。
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安全错误
数据库的锁怎样保障安全
网络安全大赛真正的冠军
win7字体缓冲服务器
如何查看安卓项目的数据库
我的世界服务器金币兑换管理员
安徽瑞韬软件开发
国家网络安全先进典型事迹
学校网络安全法测试题
数据库无结果显示什么
网络安全法保护等级
互联网科技怎么创业
万州区技术软件开发服务常见问题
流利说软件开发商
安卓软件开发学习书籍
网络安全教育论文怎么写
联想万全r50服务器
后勤管理软件开发需求
软件开发工具试卷
服务器数据的备份方式
服务器显示错误19
中诚互联网科技
数据库检索大赛题库
网络安全审查员是做什么的
数据库中的操作日志
服务器 域名绑定
计算机网络技术的挑战
万州区技术软件开发服务常见问题
黑帽网络安全趋势
有关网络安全知识竞赛的英语作文
孤岛惊魂5场景什么软件开发
软件开发工程师电脑推荐