js调用手机图库或摄像头

阅读: 评论:0

js调用手机图库或摄像头

js调用手机图库或摄像头

//图片显示function showPics(url,name){    	   //根据路径读取到文件 solveLocalFileSystemURL(url,function(entry){entry.file( function(file){var fileReader = new plus.io.FileReader();adAsDataURL(file);loadend = function(e) {var picUrl = String();var picIndex = $("#picIndex").val();var nowIndex = parseInt(picIndex)+1;$("#picIndex").val(nowIndex);var html = '';html += '<div class="image-item " id="item'+nowIndex+'">';html += '<div class="image-close" onclick="delPic('+nowIndex+')"></div>';html += '<div><img src="'+picUrl+'" class="upload_img" style="width:100%;height:100%;"/></div>';html += '</div>';html += $("#image-list").html();$("#image-list").html(html); }});}); }//压缩图片  function compressImage(url,filename){  var name="_doc/upload/"+filename;plus.zippressImage({  src:url,//src: (String 类型 )压缩转换原始图片的路径  dst:name,//压缩转换目标图片的路径  quality:40,//quality: (Number 类型 )压缩图片的质量.取值范围为1-100  overwrite:true//overwrite: (Boolean 类型 )覆盖生成新文件  },  function(zip) {//页面显示图片showPics(zip.target,name);},function(error) {  ast("压缩图片失败,请稍候再试");  });  } //调用手机摄像头并拍照function getImage() {  var cmr = Camera();  cmr.captureImage(function(p) {  solveLocalFileSystemURL(p, function(entry) {  LocalURL(),entry.name);  }, function(e) {  ast("读取拍照文件错误:" + e.message);  });  }, function(e) {  }, {  filter: 'image' });  }//从相册选择照片function galleryImgs() {  plus.gallery.pick(function(e) {  var name = e.substr(e.lastIndexOf('/') + 1);compressImage(e,name);}, function(e) {  }, {  filter: "image"  });  }//点击事件,弹出选择摄像头和相册的选项function showActionSheet() {  var bts = [{  title: "拍照"  }, {  title: "从相册选择"  }];  plus.nativeUI.actionSheet({  cancel: "取消",  buttons: bts  },  function(e) {  if (e.index == 1) {  getImage();  } else if (e.index == 2) {  galleryImgs();  }  }  );  }
        <h2 class="title-detail">图片描述</h2><input type="hidden" id="picIndex" value="0"><div id='image-list' class="row image-list"><div class="image-item space" onclick="showActionSheet()"><div class="image-up"></div></div></div><script type="text/javascript" src="../js/saoyisao.js"></script><button type="button" onclick="showActionSheet()">点击我</button>

注: 要在Android手机上测试哦 浏览器里会报错的

本文发布于:2024-02-04 11:15:54,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170705931855078.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:摄像头   图库   手机   js
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23