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

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

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

     <div class="collapse-content" >  

      <form>  

       <label class="row-label"></label>  

       <div id='F_CKJLBS' class="row image-list">  

        <div class="image-item " id="F_CKJLB" onclick="showActionSheet(this);"></div>  

      </div>  

      </form>  

     </div>  

  </div>  

  <script src="../../js/mui.min.js"></script>  

<script>  

 var procinstid = 0;   

 //初始化页面执行操作   

 function plusReady() {   

  //Android返回键监听事件   

  plus.key.addEventListener('backbutton',function(){   

   myclose();   

  },false);   

 }   

 if (window.plus) {   

  plusReady();   

 } else {   

  document.addEventListener('plusready', plusReady, false);   

 }   

  //加载页面初始化需要加载的图片信息   

  //或者相册IMG_20160704_112620.jpg   

  //imgId:图片名称:1467602809090或者IMG_20160704_112620   

  //imgkey:字段例如:F_ZDDZZ   

  //ID:站点编号ID,例如429   

  //src:src="file:///storage/emulated/0/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/doc/upload/F_ZDDZZ-1467602809090.jpg"  

  function showImgDetail (imgId,imgkey,id,src) {     

   var html = "";   

   html +='<div  id="Img'+imgId+imgkey+'" class="image-item ">';    

   html +=' <img id="picBig" data-preview-src="" data-preview-group="1" '+src+'/>';   

   html +=' <span class="del" onclick="delImg(''+imgId+'',''+imgkey+'','+id+');">';       

(编辑:焦作站长网)

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

推荐文章
    热点阅读