apicloud app选择手机相册相机图片上传到服务器

原创

于 2019-03-26 17:27:06 发布 · 3.9k 阅读

10 ·

CC 4.0 BY-SA版权

效果图是这样的

点击修改头像，会出现选项

apicloud HTML代码

 <img src="" id="avatar"/>
   <input type="button" value="修改头像" onclick="showAction();"/>

apicloud js代码

<script>
//调用手机相册和相机
var imgSrc="";
function showAction(){
    api.actionSheet({
        title: '上传头像',
        cancelTitle: '取消',
        buttons: ['拍照','从手机相册选择']
    }, function(ret, err) {
        if (ret) {
            getPicture(ret.buttonIndex);
        }
    });
}
//获取相机还是相册
function getPicture(sourceType) {
    var user=$api.getStorage('username');
    if(sourceType==1){ // 拍照
        //获取一张图片
        api.getPicture({
            sourceType: 'camera',  //拍照
            encodingType: 'png',
            mediaValu