先在对应页面新建一个按钮(button)組件
这样用户就有一个能进行互动的按钮了当然还要补充一下点击事件才能实现效果,这里点击事件对应的是一个名为SelectImage的函数所以在對应页面的JS文件上新建SelectImage函数,代码如下
这样当用户点击按钮的时候就会跳出弹窗要求用户选择图片(下图是在PC端的模拟器中进行的所以顯示的是电脑文件夹)
当用户选择图片之后,变量iamgepath就会接受到图片的路径但光有图片路径还是不够的,需要用一个图片(image)组件接受图片路徑这样图片才能显示出来(代码如下)
这样从本地获取图片的功能就实现成功了(效果如下图)