• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > mui拍照、相册选择用户头像上传

mui拍照、相册选择用户头像上传

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含mui相册,mui 上传头像,mui 修改头像,mui 更换头像,mui等相关知识,教程希望在学习及工作中可以帮助到您
"); </div> html部分:

  1. <img class="mui-media-object mui-pull-left head-img" id="head-img" src="img/head.png"> 
js部分:

  1. /*点击头像触发*/ 
  2. document.getElementById('head').addEventListener('tap', function() { 
  3.     if(mui.os.plus) { 
  4.         var a = [{ 
  5.             title: "拍照" 
  6.     }, { 
  7.         title: "从手机相册选择" 
  8.     }]; 
  9.     plus.nativeUI.actionSheet({ 
  10.         title: "修改用户头像", 
  11.         cancel: "取消", 
  12.         buttons: a 
  13.     }, function(b) { /*actionSheet 按钮点击事件*/ 
  14.         switch(b.index) { 
  15.         case 0: 
  16.             break; 
  17.         case 1: 
  18.             getImage(); /*拍照*/ 
  19.             break; 
  20.         case 2: 
  21.             galleryImg(); /*打开相册*/ 
  22.             break; 
  23.         default: 
  24.             break; 
  25.         } 
  26.     }) 
  27.     } 
  28. }, false); 
  29. //拍照 
  30. function getImage() { 
  31.     var cmr = plus.camera.getCamera(); 
  32.     var res = cmr.supportedImageResolutions[0]; 
  33.     var fmt = cmr.supportedImageFormats[0]; 
  34.     cmr.captureImage(function(path) { 
  35.         //plus.io.resolveLocalFileSystemURL(path, function(entry) {   
  36.     plus.io.resolveLocalFileSystemURL(path, function(entry) { 
  37.         var localUrl = entry.toLocalURL(); 
  38.         uploadHead(localUrl + "?version=" + new Date().getTime()); 
  39.     }, function(err) { 
  40.         console.error("拍照失败:" + err.message); 
  41.     }, { 
  42.         index: 1 
  43.     }); 
  44.     }); 
  45. }  
  46. //本地相册选择 
  47. function galleryImg() { 
  48.     plus.gallery.pick(function(a) { 
  49.     plus.io.resolveLocalFileSystemURL(a, function(entry) { 
  50.         plus.io.resolveLocalFileSystemURL("_doc/", function(root) { 
  51.         root.getFile("head.png", {}, function(file) { 
  52.             //文件

您可能想查找下面的文章:

  • mui相机拍照、相册上传图片示例
  • MUI图片上传剪切预览代码分享
  • mui拍照、相册选择用户头像上传
  • mui 拍照和相册代码分享
  • mui访问百度图片,长按图片下载至手机相册

相关文章

  • 2017-05-31mui数百精选案例分享
  • 2017-05-31MUI 模板页面实现原理及多端适配指南
  • 2017-05-31HBuilder 入门(2)
  • 2017-05-31hbuilder mui如何监听搜索框点击清除按钮
  • 2017-05-31Hbuilder MUI弹出菜单(popover)
  • 2017-05-31MUI 页面传参大总结
  • 2017-05-31HBuilder mui 页面传参终极版
  • 2017-05-31提升HTML5的性能体验系列之一 避免切页白屏
  • 2017-05-31HBuilder mui 手势事件
  • 2017-05-31HBuilder MUI 实现关闭除指定页面外的其他所有页面的功能

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 提升HTML5的性能体验系列之三 流畅下拉刷新和上拉翻页
    • mui.preload和plus.webview.create是不是一样的?
    • mui实现底部凸起按钮的实现
    • HBuilder mui 创建属于当前应用的相册
    • hbuilder怎么关闭自动补全括号,花括号,双引号等功能
    • Hbuilder MUI 拍照保存的文件是否有自动清除
    • mui 使用LocalStore记住用户密码方法示例
    • MUI页面布局(打开新页面,预加载)
    • Hbuilder MUI 打包APP运行非常卡问题解决
    • MUI 页面传参大总结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有