小程序调用手机照相机或相册上传照片的一个小demo

第一次搞小程序,需要解决前任同事的一个bug--手机拍照上传图片选择原图上传时,本地相册无该图片的问题。

需求是:手机拍照上传原图或非原图,希望本地相册都有图片保留,以供查阅。

问过一些之前的同事和同行,都说是上传原图本地会有图片保留,操作结果是否,于是从头研究。

用小程序官网的api demo做演示,结果确实上传原图本地无图片保留,那么要实现需求要求的,就得借助其他api去手动的保留图片到本地。

我的实现代码如下:

html:

小程序调用手机照相机或相册上传照片的一个小demo

js:

首先,利用wx.showActionSheet() api 选择是拍照还是相册选择图片:

小程序调用手机照相机或相册上传照片的一个小demo  小程序调用手机照相机或相册上传照片的一个小demo

其次,利用wx.chooseImage() api 选择图片上传方式。

如果是在相册中选择图片,则正常选图上传,如果是选择拍照,则上传完原图后,在获取图片信息,保存至本地相册中。

保存图片至本地相册涉及到的api:  wx.getImageInfo(),wx.saveImageToPhotosAlbum()

api中的属性和值,这里不做介绍,可自行去官网查询。

小程序调用手机照相机或相册上传照片的一个小demo