静态页面和效果就拿微信的发朋友圈的界面来说吧,长按“相机”图标、或者点击“添加图片的+按钮”时假设触发的事件为addPic。
一、事件触发:addPic
/** *点击添加图片的图标时触发该事件,该事件用来弹出框让选择是从相册中添加数据还是拍照 * */ function addPic(){ //从底部弹出框让选择是通过相册拍照还是从相册中选择 api.actionSheet({ title: '添加图片', cancelTitle: '取消', //destructiveTitle: '红色警告按钮',//红色警示按钮标题,一般用于做一些删除之类操作 buttons: ['拍摄','从相册选择'] }, function(ret, err) { //ret.buttonIndex:1、拍摄 2、从相册选择 3、取消 if(ret.buttonIndex==3){//取消 return false; } if(ret.buttonIndex==1){//1-拍摄 getPictureByCamera(); }else{//从相册中选择 getPictureByAlbum(); } }); }
api.actionSheet()用来从底部弹出一个框,具体弹出内容可以通过buttons来设置,具体用法和操作可以参考APICloud的官网说明。(PS:这个方法很有用)
二、通过拍照来获取图片(也就是选择一张图片):
function getPictureByCamera(){ api.getPicture({ sourceType: "camera",//图片源类型,从相册、图片库或相机获取图片,可选项:camera/library/album 默认library encodingType: 'png',//返回图片类型,