小程序如何实现多图上传、图片预览效果？（代码示例）

本篇文章给大家带来的内容是介绍小程序如何实现多图上传、图片预览效果？（代码示例） 。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

wxml代码：

 <view class="weui-cell">   <view class="weui-cell__bd">
    <view class="weui-uploader">
      <view class="weui-uploader__hd">
        <view class="weui-uploader__title">点击可预览选好的图片</view>
        <view class="weui-uploader__info">{{pics.length}}/9</view>
      </view>
      <view class="weui-uploader__bd">
        <view class="weui-uploader__files">
          <block wx:for="{{pics}}" wx:for-item="image">
            <view class="weui-uploader__file">
              <image class="weui-uploader__img" src="{{image}}" src="{{image}}" bindtap="previewImage"></image>
            </view>
          </block>
        </view><view class="delete-btn" data-index="{{index}}" catchtap="deleteImg"></view>
        <!-- isShow 这个是判断是否进行触发点隐藏操作 -->
        <view class="weui-uploader__input-box {{isShow?'true':'hideTrue'}}">
          <view class="weui-uploader__input" bindtap="chooseImage"></view>
        </view>
      </view>
    </view>
  </view></view>