前几天写了一个方法,目的是去更换头像,如微信里的更换头像。
![小程序选择图片音视频的方法chooseMedia](https://imgs.yssmx.com/Uploads/2023/06/497667-1.png)
页面如上图,点击后触发事件,打开存放图像的文件,选择想更换的图像。
视图页:<image src="{ {imgUrl}}" mode="aspectFill" bindtap="changeAvatar"></image>
imgUrl是图片所在的路径;
mode是图片的模式;
绑定的点击(tap),触发的事件名称为changeAvatar
实现:
1、在对应的js中先定义data选项,即初始化的值
data: {
gender: '女',
username: 'xiaoyuer',
imgUrl: "/images/avatar.jpg"
},文章来源:https://www.toymoban.com/news/detail-497667.html
**:data选项里面定义的变量名称要和wxml中的标签里的名称要对上,如imgUrl文章来源地址https://www.toymoban.com/news/detail-497667.html
到了这里,关于小程序选择图片音视频的方法chooseMedia的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!