小程序实现从本地获取图片功能————（2019.12.4学习笔记）

先在对应页面新建一个按钮（button）组件

<button bindtap="SelectImage">点击获取图片</button>

这样用户就有一个能进行互动的按钮了，当然还要补充一下点击事件才能实现效果，这里点击事件对应的是一个名为SelectImage的函数，所以在对应页面的JS文件上新建SelectImage函数，代码如下

 wx.chooseImage({
        success:(res)=>{
          this.setData({
            iamgepath:res.tempFilePaths[0]//设置图片路径
          })
        },
      })

这样当用户点击按钮的时候就会跳出弹窗要求用户选择图片（下图是在PC端的模拟器中进行的，所以显示的是电脑文件夹）

当用户选择图片之后，变量iamgepath就会接受到图片的路径，但光有图片路径还是不够的，需要用一个图片(image)组件接受图片路径，这样图片才能显示出来（代码如下）

<image src="{{iamgepath}}"></image>

这样从本地获取图片的功能就实现成功了（效果如下图）