小程序：调用手机的相册

1、需求

点击按钮，调用手机相册选择图片上传

2、解决方案

Button 上加 openType="chooseAvatar"；onChooseAvatar 写方法，必须用button 按钮，更改下样式看不出来就行。

3、代码

//解决方案
// 1、Button 上加 openType="chooseAvatar"；
// 2、onChooseAvatar 写方法，必须用button 按钮，更改下样式看不出来就行。<ButtonclassName={`${styles.avatarBtn}`}openType="chooseAvatar"onChooseAvatar={(e) => { store.getAvatar(e) }}
><Imagesrc={store.infoDetail.avatar || ''}mode="aspectFill"className={`${styles.avatar}`}/>
</Button>

小程序：调用手机的相册相关推荐

微信小程序调用手机蓝牙
在开发当中需要去和硬件交互,需要蓝牙去发送命令,发现蓝牙交互还是需要挺多的歪歪绕绕的,记录一下: 首先在微信小程序里我们需要几个变量: const BluetoothDetail = {inputVa ...
小程序调用相机、相册、视屏拍摄功能
最近开发小程序,其中涉及聊天板块,这里记录一下小程序如何调用相机.相册.视屏拍摄等功能. 1.相册图片选择或调用相机 chooseImage() {var that = thiswx.chooseIm ...
小程序——调用手机地图app
流程:点击某页面的地址,出现下图,点击右下角导航可选择打开 app. 实现步骤: 1.高德开放平台入门指南 2.在你小程序中调用 sdk 接口 let amapFile = req ...
uniapp 微信小程序调用手机地图导航到目标点
如果你的页面已经获取过用户的定位权限,这么写 toAddress(position,positionAddress){let arr = position.split(',')const latitu ...
微信小程序调用手机通讯拨打电话
// 打电话calling: function (e) {let item = e.currentTarget.dataset.item;console.log(item);wx.makePhoneC ...
微信小程序调用相册和相机
首先来写好wxml部分:给一个图片列表(img_list)和上传图片的按钮(addimg) <view class="container"><view class ...
微信小程序调用本地相册与拍照
小程序调用相册与拍照微信小程序提供了许多方便api给开发者使用,比如说wx. showActionSheet()调用菜单栏,wx.chooseImage()从本地相册选择图片或使用相机拍照.我们可以 ...
微信小程序调用地图和跟据经纬度打开手机地图导航
微信小程序调用地图和跟据经纬度打开手机地图导航第一步:输入地址位置 wxml<button bindtap="onChooseLocation">打开地图</b ...
微信小程序选择手机相册里的图片并上传到页面
微信小程序获取手机相册里的图片并传到页面上 index.wxml代码 // 相册中的照片 <button bindtap='handleChooseAlbum'>选中图片</butt ...
微信小程序选择图片（相册中选择/相机拍摄）
微信小程序中关于选择函数有专门的函数: wx.chooseImage(Object object) 从本地相册选择图片或使用相机拍照. 参数 Object object 属性类型默认值必填说明 ...

小程序：调用手机的相册

小程序：调用手机的相册相关推荐

最新文章

热门文章