1.找到上传按钮,绑定事件函数
![](https://box.kancloud.cn/dcd5a5ed7aaccb60ec2294390f8c0b6d_716x66.png)
![](https://box.kancloud.cn/545d863aa436a3cc084b540ab58d494f_1755x710.png)
2.选择图片,进入小程序开发手册,搜索选择图片接口,并复制demo
![](https://box.kancloud.cn/31cd8833ec6165e701589f043b4adf48_1799x741.png)
![](https://box.kancloud.cn/34a10b559e4434eb1f5d1ead4e1f83ee_1588x534.png)
```
https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html
```
3.完善上传图片函数
```
uploadImg: function (event) {
//1.选择图片
wx.chooseImage({
count: 9,//选择图片个数
sizeType: \['original', 'compressed'\],
sourceType: \['album', 'camera'\],
success(res) {
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePaths = res.tempFilePaths;
console.log(tempFilePaths);
}
})
},
```
可以看到上传图片后已经可以获取图片信息了
![](https://box.kancloud.cn/ab41d0aaa3377e76eeb92539259dd16e_1891x830.png)