//图片显示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小时内删除。
留言与评论(共有 0 条评论) |