mui 拍照和相册功能

来源：互联网发布：逆战帮豆无限抽软件编辑：程序博客网时间：2024/05/21 06:24
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><link href="../../../css/mui.min.css" rel="stylesheet" /><script src="../../../js/mui.min.js"></script><script src="../../../js/jquery.js"></script><style>.imageup{ position: absolute; margin:auto;left:0px;top:0;right:0;bottom:0; width:100px; height: 36px; line-height:36px; color: #000; border-radius: 5px; border:1px #ddd solid; text-align:center;font-size:20px;;}</style></head><body><a href="javascript:void(0);" class="imageup">上传图片</a><script>function plusReady(){// 弹出系统选择按钮框mui("body").on("tap",".imageup",function(){page.imgUp();})} var page=null;page={imgUp:function(){var m=this;plus.nativeUI.actionSheet({cancel:"取消",buttons:[{title:"拍照"},{title:"从相册中选择"}]}, function(e){//1 是拍照  2 从相册中选择switch(e.index){case 1:clickCamera();break;case 2:clickGallery();break;}});}//摄像头} //发送照片function clickGallery() {plus.gallery.pick(function(path) {plus.zip.compressImage({src: path,dst: "_doc/chat/gallery/" + path,quality: 20,overwrite: true}, function(e) {var task = plus.uploader.createUpload(server + "upload/chat", {method: "post"}, function(t, sta) {console.log(JSON.stringify(t))if(sta == 200) {var msg = t.responseText;var oImg = JSON.parse(msg);var imgUrl = oImg.urls;var re = new RegExp("\\\\", "g");imgUrl = imgUrl.replace(re, "/");uploadMsg(2, imgUrl);}});task.addFile(e.target, {});task.start();}, function(err) {console.error("压缩失败：" + err.message);});}, function(err) {});};// 拍照function clickCamera() {var cmr = plus.camera.getCamera();var res = cmr.supportedImageResolutions[0];var fmt = cmr.supportedImageFormats[0];cmr.captureImage(function(path) {//plus.io.resolveLocalFileSystemURL(path, function(entry) {plus.io.resolveLocalFileSystemURL(path, function(entry) {var localUrl = entry.toLocalURL();plus.zip.compressImage({src: localUrl,dst: "_doc/chat/camera/" + localUrl,quality: 20,overwrite: true}, function(e) {var task = plus.uploader.createUpload(server + "upload/chat", {method: "post"}, function(t, sta) {if(sta == 200) {var msg = t.responseText;var oImg = JSON.parse(msg);var imgUrl = oImg.urls;var re = new RegExp("\\\\", "g");imgUrl = imgUrl.replace(re, "/");console.log(imgUrl);uploadMsg(2, imgUrl);}});task.addFile(e.target, {});task.start();}, function(err) {console.log("压缩失败：  " + err.message);});});}, function(err) {console.error("拍照失败：" + err.message);}, {index: 1});};if(window.plus){plusReady();}else{document.addEventListener("plusready",plusReady,false);}</script></body> </html>
案例下载http://download.csdn.net/detail/xuelang532777032/9617132
2 0
mui 拍照和相册 功能

mui 拍照和相册功能
