微信小程序（二）微信小程序选择本地图片显示并预览（实现左右滑动）

微信小程序选择图片并预览（实现左右滑动）

创作背景

在微信小程序里面实现选择图片然后预览是一个非常普遍的功能，在我们上传图片文件的时候，都会选择本地的图片进行上传，在上传之前会查看一下自己上传的图片是否准确。所以要做到预览图片。
下面就实现一个简单的本地图片显示预览的功能~~

一、选择图片并显示

1、创建页面

这里我直接将我的页面信息展示出来给大家看。附上我的代码

就是一个简单的页面的代码其中还隐藏了要显示的image,因为没有值，所以还看不到。
wxml 页面代码

<view class="display_img">
  <block wx:for="{
    {lista}}">
    <view class="img_size_box">
      <image src="{
    {item}}" class="img_size" bind:tap="fangda" data-urls="{
    {lista}}" data-url="{
    {item}}"></image>
    </view></block>
</view>