小程序选择图片音视频的方法chooseMedia

前几天写了一个方法，目的是去更换头像，如微信里的更换头像。

页面如上图，点击后触发事件，打开存放图像的文件，选择想更换的图像。

视图页：<image src="{ {imgUrl}}" mode="aspectFill" bindtap="changeAvatar"></image>

imgUrl是图片所在的路径；

mode是图片的模式；

绑定的点击(tap)，触发的事件名称为changeAvatar

实现：

1、在对应的js中先定义data选项，即初始化的值

data: {

gender: '女',

username: 'xiaoyuer',

imgUrl: "/images/avatar.jpg"

},

**：data选项里面定义的变量名称要和wxml中的标签里的名称要对上，如imgUrl