APICloud（二）：选择一张或多张图片

最新推荐文章于 2022-05-26 15:07:49 发布

原创

最新推荐文章于 2022-05-26 15:07:49 发布 · 2.7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#APICloud选择图片

本文介绍了如何使用APICloud进行图片选择，包括通过APIactionSheet弹出选择框，利用getPicture方法获取单张图片，以及结合UIMediaScanner模块实现多张图片的选择。在多图选择中，提到了UIMediaScanner可能存在的问题，即扫描已删除图片的异常情况。

静态页面和效果就拿微信的发朋友圈的界面来说吧，长按“相机”图标、或者点击“添加图片的+按钮”时假设触发的事件为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：这个方法很有用）

二、通过拍照来获取图片（也就是选择一张图片）：