小程序中实现选择预览图片同时可以实现长按删除图片的代码

发布日期： 2018-08-10 阅读量： 作者： 网络

本篇文章给大家带来的内容是关于小程序中实现选择预览图片同时可以实现长按删除图片的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

最近在做一个小程序的项目，初次接触，也是边学边做，目前遇到图片处理的相关问题，在此记录，也对有需要的朋友提供一些帮助。类似于微信朋友圈发布图片，长按指定图片删除

小程序中实现选择预览图片同时可以实现长按删除图片的代码
长按图片删除，不足9张可以继续添加

图片预览效果

实现思路：

调整页面，实现展示效果
使用wx.chooseImage实现拍照和选择照片
使用wx.previewImage实现图片预览
使用bindlongpress自定义图片删除功能

话不多说，上代码：
wxml代码

<view>
  <view>
    <view>
      <view>
        <view>
          <view>图片上传</view>
          <view>{{files.length}} / 9</view>
        </view>
        <view>
          <view>
            <block>
              <view>
                <image></image>
              </view>
            </block>
          </view>
          <view>
            <view></view>
          </view>
        </view>
      </view>
    </view>
  </view></view>

# 小程序 # 图片删除

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯31701 】【 SEO推广17678 】

上一篇: 如何优化 JsSIP 视频对讲的延迟问题？

下一篇: 如何使用 PHP 函数来进行日期和时间操作

小程序中实现选择预览图片同时可以实现长按删除图片的代码

随便看看