赞
踩
微信小程序是一种基于微信平台的轻量级应用程序,具有开发周期短、上线快、用户体验好等特点。在微信小程序中,图片的选择与上传是一个非常重要的功能,本文将从以下几个方面进行讲解:
在微信小程序中选择图片有两种方式:
1.1 调用微信提供的API
微信提供了一个选择图片的API:wx.chooseImage,可以通过该API在小程序中打开手机相册,选择图片并返回图片的本地路径,代码如下:
- wx.chooseImage({
- count: 1, //最多可以选择的图片张数,默认9
- sizeType: ['original', 'compressed'], //所选的图片的尺寸,默认原图和压缩图都可以
- sourceType: ['album', 'camera'], //选择图片的来源,默认为相册和相机都可以
- success: function (res) {
- //返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
- const tempFilePaths = res.tempFilePaths;
- // 在这里可以对图片进行处理
- }
- })
在上面的代码中,count表示最多可以选择的图片数量,sizeType表示选择图片的尺寸,sourceType表示选择图片的来源。当选择图片成功后,将返回选定的照片的本地文件路径列表,开发者可以通过tempFilePaths拿到图片路径。
1.2 使用第三方组件
除了使用微信提供的API外,还可以使用第三方组件来实现图片选择功能。这里介绍一下微信官方提供的组件:wx-image
赞
踩
赞
踩
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。