在微信小程序中添加图片，可以通过以下步骤实现：
在WXML文件中添加图片组件
使用`
```html
```
其中，`src`属性指定图片的路径，可以是本地路径或网络路径。`alt`属性提供图片的替代文本，`width`和`height`属性可以设置图片的尺寸。
在WXSS文件中定义图片样式
可以使用CSS来定义图片的样式，例如：
```css
.img-li {
width: 23%；
height: 170rpx；
margin-right: 20rpx；
margin-bottom: 20rpx；
}
.img-li:nth-child（4） {
margin-right: 0；
}
.img-li:first-child {
margin-right: none；
}
```
这些样式可以控制图片的布局和外观。
在JavaScript文件中处理图片上传
可以使用微信小程序提供的API来处理图片上传。例如：
```javascript
Page（{
data: {
imgList: [],
chooseSource: function（） {
var _this = this；
wx.showActionSheet（{
itemList: ["拍照", "从相册中选择"],
success: function（res） {
if （res.tapIndex === 0） {
// 拍照
wx.chooseImage（{
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['camera'],
success: function（res） {
_this.setData（{
imgList: res.tempFilePaths
}）；
}
}）；
} else if （res.tapIndex === 1） {
// 从相册选择
wx.chooseImage（{
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album'],
success: function（res） {
_this.setData（{
imgList: res.tempFilePaths
}）；
}
}）；
}
}
}）；
}
}
}）；
```
在这个示例中，`chooseSource`函数会显示一个选择图片的菜单，用户可以选择拍照或从相册中选择图片，并将选择的图片路径存储在`imgList`数据中。
总结
在WXML文件中使用`
在WXSS文件中定义图片的样式。
在JavaScript文件中处理图片的上传和选择。
这些步骤可以帮助你在微信小程序中成功添加和显示图片。