In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-01-17 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
Shulou(Shulou.com)06/02 Report--
这篇文章主要为大家展示了微信小程序开发中如何实现从本地相册选择图片或使用相机拍照,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下"微信小程序开发中如何实现从本地相册选择图片或使用相机拍照"这篇文章吧。
wx.chooseImage(OBJECT)
从本地相册选择图片或使用相机拍照。
OBJECT参数说明:
参数类型必填说明countNumber否最多可以选择的图片张数,默认9sizeTypeStringArray否"original"原图,"compressed"压缩图,默认二者都有sourceTypeStringArray否"album"从相册选图,"camera"使用相机,默认二者都由successFunction是成功则返回图片的本地文件路径列表tempFilePathsfailFunction否接口调用失败的回调函数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图片宽度,单位pxheightNumber图片高度 单位pxpathString返回图片的本地路径
示例代码:
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,想用就用,用完即走,不会占用内存。
以上就是关于"微信小程序开发中如何实现从本地相册选择图片或使用相机拍照"的内容,如果该文章对您有所帮助并觉得写得不错,劳请分享给您的好友一起学习新知识,若想了解更多相关知识内容,请多多关注行业资讯频道。
Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.
Views: 0
*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.