- "utf-8">"viewport"content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>"format-detection"content="telephone=no,email=no,date=no,address=no">
- "stylesheet"type="text/CSS"href="./css/api.css"/>"text/css">
- html,body{
- height: 100%;
- }
- #wrap{
- height: 100%;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-flex-flow: column;
- flex-flow: column;
- }
- #header{
- text-align: center; background-color: #81a9c3; color: #fff;
- width: 100%;
- }
- #header h1{
- font-size: 20px; height: 44px; line-height: 44px; margin: 0em; color: #fff;
- }
- #main{
- -webkit-box-flex:1;
- -webkit-flex:1;
- flex: 1;
- }
- #footer{
- height: 30px; line-height: 30px;
- background-color: #81a9c3;
- width: 100%;
- text-align: center;
- }
- #footer h5{
- color: white;
- }
- .con{font-size: 28px; text-align: center;}
- "wrap">"header">
- 上传图片demo
- "main">class="uploadBtn"type="text"onclick="showAction();"style="position: relative;left:50%; margin-left:-50px;width:100px;height:50px;background-color: pink;border:none;">点击上传图片class="imgBox"style="position:relative;width:200px;height:200px;border:1px solid red;">"imgUp"style="width:100%;height:100%;"src=""/>"footer">
- Copyright ©
- "year">"text/javascript"src="./script/api.js">"text/javascript"src="./script/jquery-1.8.3.min.js">"text/javascript">
- apiready = function(){
- // 界面文字
- varheader = $api.byId('header');
- varyear = $api.byId('year');
- year.innerHTML =new Date().getFullYear();
- };
- // 上传图片
- function showAction(){
- api.actionSheet({
- title: '上传图片',
- cancelTitle: '取消',
- buttons: ['拍照','从手机相册选择']
- }, function(ret, err) {
- if (ret) {
- getPicture(ret.buttonIndex);
- }
- });
- }
- function getPicture(sourceType) {
- if(sourceType==1){// 拍照
- api.getPicture({
- sourceType: 'camera',
- encodingType: 'jpg',
- mediaValue: 'pic',
- allowEdit: false,
- destinationType: 'base64',
- quality: 90,
- saveToPhotoAlbum: true
- }, function(ret, err) {
- if (ret) {
- $('#imgUp').attr('src', ret.base64Data);
- }else {
- alert(JSON.stringify(err));
- }
- });
- }
- else if(sourceType==2){// 从相机中选择
- api.getPicture({
- sourceType: 'library',
- encodingType: 'jpg',
- mediaValue: 'pic',
- destinationType: 'base64',
- quality: 50,
- targetWidth: 750,
- targetHeight: 750
- }, function(ret, err) {
- if (ret) {
- // $('#imgUp').attr('src', ret.base64Data)
- varaa=ret.base64Data;
- api.ajax({
- type:"post",
- url:"http://www.yuechebang.cn/Oauth/Api/index",
- data:{base64:aa},
- dataType:'json',
- async:true,
- },function(ret,err){
- if(ret){
- $('#imgUp').attr('src',aa)
- }else{
- api.alert(err);
- }
- })
- } else {
- alert(JSON.stringify(err));
- }
- });
- }
- }
来源: http://www.bubuko.com/infodetail-2140821.html