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

mui开发app之js将base64转图片文件

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

本文主要包含mui app.js,mui.js,mui.min.js,mui.picker.min.js,mui.picker.js等相关知识,教程希望在学习及工作中可以帮助到您
"); </div>

很多时候很多api,比如mui中第三方插件map中有一个setIcon传入的必须是本地的图片文件地址,目前的第三方地图系统任然不支持base64的标注图,所以折腾了一晚之后终于在native.js中找到了将base64转化为图片的办法

官网文档请看:http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.BitmapSaveOptions

将bitmap实现放入app的公共js当中,比如我放在app.js中,并且塞在app这个闭包当中,随出引用调用:

 

  1. (function($, owner) { 
  2. //将BASE 64保存为文件 
  3.    
  4. owner.baseImgFile = function(uid, base64, quality, callback) { 
  5.         quality = quality || 10; 
  6.         callback = callback || $.noop; 
  7.         var bitmap = new plus.nativeObj.Bitmap(); 
  8.         // 从本地加载Bitmap图片 
  9.         bitmap.loadBase64Data(base64, function() { 
  10.             //    console.log('加载图片成功'); 
  11.             bitmap.save("_doc/" + uid + ".jpg", { 
  12.                 overwrite: true, 
  13.                 quality: quality 
  14.             }, function(i) { 
  15.                 callback(i); 
  16.                 //    console.log('保存图片成功:'+JSON.stringify(i)); 
  17.             }, function(e) { 
  18.                 console.log('保存图片失败:' + JSON.stringify(e)); 
  19.             }); 
  20.         }, function(e) { 
  21.             console.log('加载图片失败:' + JSON.stringify(e)); 
  22.         }); 
  23.     } 
  24. }(mui, window.app = {})); 

第一个参数是文件名,我直接使用用户id,第二个参数是base64字符串,第三个参数是图片质量1-100,最后一个参数回掉函数,可获取保存图片文件的信息

使用:
 

  1. app.baseImgFile(app.getUserInfo().id,my_icon,1,function(i){ 
  2.                                 alert(JSON.stringify(i)); 
  3.                             }); 

也可以直接定义为function xxx(){}这样在调用的时候就不是从闭包中获取,通过原函数名调用

 

在官方文档中:

bitmap对象下的方法:

mui开发app之js将base64转图片文件

其中我们使用的save方法:

mui开发app之js将base64转图片文件
mui开发app之js将base64转图片文件


官方示例:

 

  1. <!DOCTYPE HTML> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"/> 
  5.        &n

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

  • MUI APP 项目收到Appstore的警告邮件
  • mui开发app之js将base64转图片文件
  • mui app在线更新
  • MUI APP防止登陆页面出现白屏

相关文章

  • 2017-05-31mui back 返回刷新页面方法
  • 2017-05-31HBuilder mui页面怎么跳转到Android原生界面?
  • 2017-05-31mui截图后canvas base64图片上传
  • 2017-05-31Hbuilder MUI header怎么设置透明
  • 2017-05-31HBuilder mui 自定义事件
  • 2017-05-31Hbuilder MUI 第一次启动的引导页面实现思路
  • 2017-05-31HBuilder mui中的无等待窗体切换是如何实现的
  • 2017-05-31hbuilder mui 头像选择、截取、压缩、上传的分享
  • 2017-05-31HBuilder mui怎么获取(父窗口)主窗口的对象
  • 2017-05-31HBuilder MUI 实现关闭除指定页面外的其他所有页面的功能

文章分类

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

最近更新的内容

    • 关于mui项目中前端压缩图片、照片压缩、拍照压缩、录音压缩
    • Hbuilder MUI 页面刷新及页面传值问题
    • mui框架中input输入框或输入框聚焦后页面自动上移实现方法
    • mui拍照、相册选择用户头像上传
    • 下拉页面偶尔会发生这个错误Cannot read property 'classList' of undefined at js/mui.min.js:2349
    • MUI ios上如何打开PDF文件?
    • HBuilder MUI 基于plus.downloader的图片懒加载功能,支持本地缓存
    • MUI 拍照或选取照片上传作为头像
    • MUI 监听短信验证码并自动提交表单
    • a页面打开b页面,b页面加载成功后关闭当前页面,闪屏

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

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