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

2020-04-21 07:24:27易采站长站整理

   }   
  </style>  
 </head>  
 <body>  
  <header class="bar bar-nav">  
   <h1 class="title">拍照或者相册选择图片上传</h1>  
  </header>  
  <div class="content">  
   <div style="margin-top: 10px;"></div>  
   <input type="hidden" id="ckjl.id" name="ckjl.id" value="429">  
     <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) {