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

发布日期： 2018-11-13 阅读量： 作者： 网络

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

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>

# 小程序 # 多图上传 # 图片预览

上一篇: Golang 函数调用中如何使用命名参数

下一篇: C++ 函数的调试困境：揭秘常见的障碍

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

随便看看