微信小程序开发时如何调用本地图片

微信小程序 拍照和相机选择详解

前言：

小程序中获取图片可通过两种方式得到，第一种是直接打开微信内部自己的样式，第一格就是相机拍照，后面是图片，第二种是d框提示用户是要拍照还是从相册选择，下面一一来看。

选择相册要用到wx.chooseImage(OBJECT)函数，具体参数如下：

直接来看打开相机相册的代码：

Page({   data: {    tempFilePaths: ''   },   onLoad: function () {   },   chooseimage: function () {    var that = this   wx.chooseImage({     count: 1, // 默认9      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有      success: function (res) {      // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片       that.setData({       tempFilePaths: res.tempFilePaths      })     }    })     },          })      

方法一效果图如下：

个人认为第二种用户体验要好一点，效果如下：

点击获取d框提示，代码如下：

Page({   data: {    tempFilePaths: ''   },   onLoad: function () {   },   chooseimage: function () {    var that = this   wx.showActionSheet({     itemList: ['从相册中选择', '拍照'],     itemColor: "#CED63A",     success: function (res) {      if (!res.cancel) {       if (res.tapIndex == 0) {        that.chooseWxImage('album')       } else if (res.tapIndex == 1) {        that.chooseWxImage('camera')       }      }     }    })     },     chooseWxImage: function (type) {    var that = this   wx.chooseImage({     sizeType: ['original', 'compressed'],     sourceType: [type],     success: function (res) {      console.log(res)     that.setData({       tempFilePaths: res.tempFilePaths[0],      })     }    })   }      })      

文件的临时路径，在小程序本次启动期间可以正常使用，如需持久保存，需在主动调用 wx.saveFile，在小程序下次启动时才能访问得到。

布局文件：

<button style="margin:30rpx" bindtap="chooseimage">获取图片</button> <image src="{{tempFilePaths }}" catchTap="chooseImageTap" mode="aspectFit" style="width: 100%height: 450rpx" />   

制作微信个人名片的方法，首先打开手机，点击微信图标，进入微信主菜单，然后在微信页面下方的菜单栏中点击【发现】选项，然后在发现的列表中点击选择【小程序】，按照小程序的添加方法，在搜索栏中输入“递名片”，然后在搜索结果中点击“递名片”，完成小程序的添加。

点击进入小程序后，点击页面中间的“+”号，在左右两侧分别会d出【拍照识别】和【手动输入】两个选项，我们这里选择【手动输入】，点击手动输入后，就会出现如图所示的页面，这就是电子名片的制作页面。

而首次进入小程序进行电子名片制作时，默认的电子名片模板就是如图所示展示的名片。在名片的右上角点击【添加LOGO】，依次 *** 作就可以了，具体步骤如下：

1、首先打开手机，点击微信图标，进入微信主菜单。

2、进入微信后，在微信页面下方的菜单栏中点击【发现】选项，然后在发现的列表中点击选择【小程序】。

3、接着，按照小程序的添加方法，在搜索栏中输入“递名片”，然后在搜索结果中点击“递名片”，完成小程序的添加。

4、点击进入小程序后，点击页面中间的“+”号。

5、点击“+”号后，在左右两侧分别会d出【拍照识别】和【手动输入】两个选项，我们这里选择【手动输入】。

6、点击手动输入后，就会出现如图所示的页面，这就是电子名片的制作页面。而首次进入小程序进行电子名片制作时，默认的电子名片模板就是如图所示展示的名片。在名片的右上角点击【添加LOGO】。

7、然后在相册中选择你需要添加的LOGO图片。

8、选择好图片后在页面的右下角点击【使用】选项。

9、添加好的LOGO效果如图所示。

10、在页面的下方输入“姓名”、“公司/单位”、“部门/职务”、“手机”、“邮箱”、“电话”、“地址”等信息，然后点击图示位置的【完成】选项。

11、左右拖动图示位置的区域，里面有很多的电子名片的模板，选择其中一个模板就可以实现模板的切换。

12、选择好模板后，在页面的右上方点击【保存】选项。

13、点击保存后，个人微信电子名片就制作完成了。

注意事项：

1、而首次进入小程序进行电子名片制作时，有默认的电子名片。

2、要更改名片的话需要在名片的右上角点击【添加LOGO】。

怎么找到小程序？如下。

怎么找到小程序？1、找小程序前的准备。首先，你需要将微信更新至iOS6.5.3版本或Android6.5.3版本。

2、找到小程序的办法。在目前公开的线下扫码、微信搜索、公众号关联、好友推荐、保存历史纪录这五种搜索小程序的方法中。但是如果没有好友推荐，微信搜索是最简单找到小程序的办法。

3、最好的办法：微信里面搜索。找到微信底部“发现”按纽，那里会出现小程序的图标，点看，即可看到默认的“小程序示例”。

通过小程序最上方的搜索框进行搜索，比如键入大众点评、今日头条、汽车之家，就可以看到相应的小程序了。就是这么简单。

---