加入收藏 | 设为首页 | 会员中心 | 我要投稿 焦作站长网 (https://www.0391zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > MySql教程 > 正文

HTML5 Plus 实现手机APP拍照或相册选择图片上传功能

发布时间:2020-03-13 20:45:39 所属栏目:MySql教程 来源:站长网
导读:这篇文章主要为大家详细介绍了HTML5 Plus的Camera、GalleryIO、Storage和Uploader,实现手机APP拍照或相册选择图片上传功能的相关资料,感兴趣的小伙伴们可以参

           var actionbuttons=[{title:"拍照"},{title:"相册选取"}];   

           var actionstyle={title:"选择照片",cancel:"取消",buttons:actionbuttons};   

           plus.nativeUI.actionSheet(actionstyle, function(e){   

              if(e.index==1){   

               getImage(divid);   

              }else if(e.index==2){   

               galleryImg(divid);   

              }   

           } );   

        }   

  //相册选取图片   

        function galleryImg(divid) {   

            plus.gallery.pick( function(p){   

             //alert(p);//file:///storage/emulated/0/DCIM/Camera/IMG_20160704_112620.jpg   

             plus.io.resolveLocalFileSystemURL(p, function(entry) {   

              //alert(entry.toLocalURL());//file:///storage/emulated/0/DCIM/Camera/IMG_20160704_112620.jpg   

     //alert(entry.name);//IMG_20160704_112620.jpg   

     compressImage(entry.toLocalURL(),entry.name,divid);   

    }, function(e) {   

     plus.nativeUI.toast("读取拍照文件错误:" + e.message);   

    });   

            }, function ( e ) {   

            }, {   

             filename: "_doc/camera/",   

             filter:"image"   

            } );   

        }   

  // 拍照   

  function getImage(divid) {   

   var cmr = plus.camera.getCamera();   

   cmr.captureImage(function(p) {   

    //alert(p);//_doc/camera/1467602809090.jpg   

    plus.io.resolveLocalFileSystemURL(p, function(entry) {   

     //alert(entry.toLocalURL());//file:///storage/emulated/0/Android/data/io.dcloud...../doc/camera/1467602809090.jpg   

     //alert(entry.name);//1467602809090.jpg   

     compressImage(entry.toLocalURL(),entry.name,divid);   

    }, function(e) {   

     plus.nativeUI.toast("读取拍照文件错误:" + e.message);   

    });   

   }, function(e) {   

   }, {   

    filename: "_doc/camera/",   

    index: 1   

   });   

  }   

  //压缩图片   

  function compressImage(url,filename,divid){   

(编辑:焦作站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读