小程序调用手机照相机或相册上传照片的一个小demo
第一次搞小程序,需要解决前任同事的一个bug--手机拍照上传图片选择原图上传时,本地相册无该图片的问题。
需求是:手机拍照上传原图或非原图,希望本地相册都有图片保留,以供查阅。
问过一些之前的同事和同行,都说是上传原图本地会有图片保留,操作结果是否,于是从头研究。
用小程序官网的api demo做演示,结果确实上传原图本地无图片保留,那么要实现需求要求的,就得借助其他api去手动的保留图片到本地。
我的实现代码如下:
html:
js:
首先,利用wx.showActionSheet() api 选择是拍照还是相册选择图片:
其次,利用wx.chooseImage() api 选择图片上传方式。
如果是在相册中选择图片,则正常选图上传,如果是选择拍照,则上传完原图后,在获取图片信息,保存至本地相册中。
保存图片至本地相册涉及到的api: wx.getImageInfo(),wx.saveImageToPhotosAlbum();
api中的属性和值,这里不做介绍,可自行去官网查询。