千家信息网

微信小程序开发中如何实现从本地相册选择图片或使用相机拍照

发表于:2025-02-21 作者:千家信息网编辑
千家信息网最后更新 2025年02月21日,这篇文章主要为大家展示了微信小程序开发中如何实现从本地相册选择图片或使用相机拍照,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下"微信小程序开发中如何实现从本地
千家信息网最后更新 2025年02月21日微信小程序开发中如何实现从本地相册选择图片或使用相机拍照

这篇文章主要为大家展示了微信小程序开发中如何实现从本地相册选择图片或使用相机拍照,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下"微信小程序开发中如何实现从本地相册选择图片或使用相机拍照"这篇文章吧。

wx.chooseImage(OBJECT)


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

OBJECT参数说明:

参数类型必填说明
countNumber最多可以选择的图片张数,默认9
sizeTypeStringArray"original"原图,"compressed"压缩图,默认二者都有
sourceTypeStringArray"album"从相册选图,"camera"使用相机,默认二者都由
successFunction成功则返回图片的本地文件路径列表tempFilePaths
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

注:文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,在小程序下次启动时才能访问得到。

success返回参数说明:

参数类型说明最低版本
tempFilePathsStringArray图片的本地文件路径列表
tempFilesObjectArray图片的本地文件列表,每一项是一个 File 对象1.2.0

File 对象结构如下:

字段类型说明
pathString本地文件路径
sizeNumber本地文件大小,单位: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参数说明:

参数类型必填说明
currentString当前显示图片的链接,不填则默认为urls的第一张
urlsStringArray需要预览的图片链接列表
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.previewImage({    current: '', // 当前显示图片的http链接urls: [] // 需要预览的图片http链接列表})

wx.getImageInfo(OBJECT)


获取图片信息。

OBJECT参数说明:

参数类型必填说明
srcString图片的路径,可以是相对路径,临时文件路径,存储文件路径,网络图片路径
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:

参数类型说明
widthNumber图片宽度,单位px
heightNumber图片高度 单位px
pathString返回图片的本地路径

示例代码:

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参数说明:

参数名类型必填说明
filePathString图片文件路径,可以是临时文件路径也可以是永久文件路径,不支持网络图片路径
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:

参数名类型说明
errMsgString调用结果

示例代码:

wx.saveImageToPhotosAlbum({    success(res) {    }})

小程序是什么意思

小程序是一种不需要下载安装即可使用的应用,通过扫描二维码或是搜一搜立即使用,操作简单,便于传播,能够实现消息通知、线下扫码、公众号关联等七大功能。它基于微信运行的,类似于APP,想用就用,用完即走,不会占用内存。

以上就是关于"微信小程序开发中如何实现从本地相册选择图片或使用相机拍照"的内容,如果该文章对您有所帮助并觉得写得不错,劳请分享给您的好友一起学习新知识,若想了解更多相关知识内容,请多多关注行业资讯频道。

0