小程序：调用手机的相册

帅帅哥的兜兜

于 2023-07-13 15:50:55 发布

阅读量1.5k

点赞数

文章标签：小程序前端 javascript

本文链接：https://blog.csdn.net/u013592575/article/details/131704498

版权

1、需求

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

2、解决方案

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

3、代码

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