1. //横向滚动
    2. <scroll-view class="srcolbox"     scroll-x >
    3. <!--block:语句,其中包含if for 等  -->
    4.   <block wx:for="{{imgs}}">
    5.     <image class="item" src="{{item}}" bindtap="imgOnClick" data-src="{{item}}"/>
    6.   </block>
    7.   <image class="item" bindtap="buttonOnClick" src="/static/rabbit.jpg"/>
    8. </scroll-view>
    10. <image class="item" src="{{img}}"/>
    1. Page({
    3.   data:{
    4.     imgs:[
    5.       '/static/gm.jpg',
    6.       '/static/rabbit.jpg',
    7.       '/static/tiger.jpg',
    8.       '/static/zebra.jpg'
    9.     ],
    10.     img:''
    11.   },
    13.   buttonOnClick(){
    14.     // 调用相册
    15.     wx.chooseImage({
    16.       // 上传数量
    17.       count: 1,
    18.       //  限定图片大小
    19.       sizeType: [],
    20.       // 限定图片类型
    21.       sourceType: [],
    22.       // 成功回调
    23.       success: (result) => {
    24.         var src = result.tempFilePaths
    25.         this.setData({
    26.           //concat:添加一个元素
    27.           imgs:this.data.imgs.concat(src)
    28.         })
    29.         console.log(result.tempFilePath);
    30.         console.log(result);
    31.       },
    32.       // 失败回调
    33.       fail: (res) => {},
    34.       // 
    35.       complete: (res) => {},
    36.     })
    37.   },
    38.   imgOnClick(src){
    39.     console.log(src.target.dataset.src);
    40.     console.log(this.data.imgs);
    41.     this.setData({
    42.       img:src.target.dataset.src
    43.     })
    44.   }
    45. })

    效果图
    image.png