- 发布：2016-03-14 14:09
- 更新：2016-03-14 16:22
- 阅读：1976
贴图
-
怪我喽 (作者)
[LOG] : 从相册中选择图片: 就可以获取到
[LOG] : file:///var/mobile/Containers/Data/Application/78EE1D50-26BE-465D-8865-C18976D591B7/Library/Pandora/apps/HBuilder/doc/IMG_0053.JPG2016-03-14 15:39
怪我喽 (作者)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=no,maximum-scale=1,width=320">
<meta name="format-detection" content="telephone=no"/>
<link href="css/mui.css" rel="stylesheet"/>
<link href="css/app.css" rel="stylesheet"/>
<title>个人资料</title>
<style type="text/css">
input[type='text']{width:85%;text-align:right;border:none;}
input[type='tel']{width:85%;text-align:right;border:none;}
.mui-ios .mui-table-view-cell{margin-top: 0px;background: #fff}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<div class="index-top-title">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">个人资料</h1>
<button class="mui-btn mui-btn-link mui-pull-right">保存</button>
</div>
</header>
<div class="mui-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<div style="height:140px;padding-top:30px">
<div class="user-logimg">
<img src="images/8wdzl_5.png" id="touxiang" onclick="uplodImg();">
<!--<input type="file" id="uplod-file" multiple>-->
<p>点击更换头像</p>
</div>
</div>
<ul class="user-menu up-user">
<li>
<span>昵称</span>
<input type="text" class="user-text" value="张珊珊">
</li>
<li>
<span>性别</span>
<input type="text" class="user-text" id="xingbie" value="男" readonly="true">
<input type="hidden" id="sexValue">
</li>
<li>
<span>邮箱</span>
<input type="text" class="user-text" value="870439570@qq.com">
</li>
<li>
<span>电话</span>
<input type="tel" class="user-text" value="18680442453">
</li>
<li onclick="location.href='updatePwd.html'">
<span>修改密码</span>
<span class="mui-icon mui-icon-locked user-locked"></span>
<img src="images/you.png" class="jt">
</li>
</ul>
</div>
</div>
</div>
<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<a href="cameraimg" >拍照</a>
</li>
<li class="mui-table-view-cell">
<a href="cameraphoto">从相册中选取</a>
</li>
</ul>
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<a href="#picture"><b>取消</b></a>
</li>
</ul>
</div>
</body>
</html>
<script src="js/jquery.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/app.js"></script>
<script src="js/handlebars.js"></script>
<script type="text/javascript">
mui.init({swipeBack:true});
picker();
document.addEventListener( "plusready", onPlusReady, false );
var r = null;
function onPlusReady() {
}
mui('.mui-table-view').on('tap', 'li a', function(e) {
var data=$(this).attr("href");
if(data=="cameraimg"){
var cmr = plus.camera.getCamera();
var res = cmr.supportedImageResolutions[0];
var fmt = cmr.supportedImageFormats[0];
cmr.captureImage( function( path ){
mui('#picture').popover('toggle');
alert( "Capture image success: " + path );
$("#touxiang").attr("src",path)
console.log("拍照上传回调路径=="+path);
},
function( error ) {
mui('#picture').popover('toggle');
alert( "Capture image failed: " + error.message );
},
{resolution:res,format:fmt}
);
}else if(data=="cameraphoto"){
galleryImg();
}
});
function uplodImg(){
mui('#picture').popover('toggle');
}
// 从相册中选择图片 function galleryImg() {
// 从相册中选择图片
console.log("从相册中选择图片:");
plus.gallery.pick( function(path){
console.log(path);
$("#touxiang").attr("src",path)
mui('#picture').popover('toggle');
}, function ( e ) {
console.log( "取消选择图片" );
mui('#picture').popover('toggle');
}, {filter:"image"} );
}
</script>
[LOG] : updateUser.html
[LOG] : mui
[LOG] : 拍照上传回调路径==_doc/photo_001.png
怪我喽 (作者)
代码已贴
2016-03-14 15:38