apicloud apicloud

注册
查看: 3402|回复: 15

[模块教程] trans 模块demo xml转json, 图片转base64

管理员

UID:253705

主题:
53
帖子:
309
云币:
687

[模块教程] trans 模块demo xml转json, 图片转base64

3402 15 | 发表于 2018-8-10 16:29:17 |阅读模式 | |
trans 是一个数据格式转换工具,可以实现不同格式数据间的转换,如 XML -> JSON、图片 <--> base64 字符串


模块文档地址:https://docs.apicloud.com/Client-API/Func-Ext/trans#2




  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6.     <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7.     <title>title</title>
  8.     <link rel="stylesheet" type="text/css" href="../css/api.css" />
  9.     <style>
  10.         div {
  11.             margin-top: 60px;
  12.         }

  13.         button {
  14.             margin: 10px;
  15.         }
  16.     </style>
  17. </head>

  18. <body>
  19.     <div>
  20.         <button type="button" tapmode onclick="trans_parse()">将xml文件或数据解析成JSON对象</button>
  21.         <button type="button" tapmode onclick="decodeImgToBase64()" name="button">将图片转为Base64字符串</button>
  22.         <button type="button" tapmode onclick="saveImage()" name="button">将base64字符串保存为图片</button>
  23.         <img src="" width=300 id="img" alt="">
  24.         <img src="" width=300 id="img2" alt="">
  25.     </div>
  26. </body>
  27. <script type="text/javascript" src="../script/api.js"></script>
  28. <script type="text/javascript">
  29.     apiready = function() {

  30.     };

  31.     function trans_parse() {
  32.         var trans = api.require('trans');
  33.         trans.parse({
  34.             path: 'widget://res/test.xml',
  35.             //    data : ""
  36.         }, function(ret, err) {
  37.             if (ret) {
  38.                 alert(JSON.stringify(ret.xml));
  39.             } else {
  40.                 alert(JSON.stringify(err));
  41.             }
  42.         });
  43.     }

  44.     function decodeImgToBase64() {
  45.         var trans = api.require('trans');
  46.         trans.decodeImgToBase64({
  47.             imgPath: 'widget://res/hudie.jpg'
  48.             //imgPath: 'fs://img/test.jpg'      支持fs://路径, 可使用api.download()下载网络图片到fs目录
  49.         }, function(ret, err) {
  50.             if (ret.status) {
  51.                 str = ret.base64Str;
  52.                 console.log(str);
  53.                 //alert(JSON.stringify(ret));
  54.                 document.getElementById('img').src = "data:image/png;base64," + str
  55.             } else {
  56.                 alert(JSON.stringify(err));
  57.             }
  58.         });
  59.     }

  60.     function saveImage() {
  61.         var trans = api.require('trans');
  62.         trans.saveImage({
  63.             base64Str: str,
  64.             album: true,
  65.             imgPath: "fs://img/",
  66.             imgName: "ss.jpg"
  67.         }, function(ret, err) {
  68.             if (ret) {
  69.                 alert(JSON.stringify(ret));
  70.                 document.getElementById('img2').src = api.fsDir + '/'+'img'+'/'+'ss.jpg'
  71.             }
  72.         });
  73.     }
  74. </script>

  75. </html>

复制代码



本帖子中包含更多资源    您需要 登录 才可以下载或查看,没有帐号?立即注册

驾校小白

UID:702804

主题:
0
帖子:
3
云币:
3
发表于 2018-10-12 16:51:24 |
我转换怎么会自动退出app

驾校小白

UID:689218

主题:
1
帖子:
4
云币:
9
发表于 2018-9-19 15:03:04 |
IOS的本地图片路径好像转换不了base64啊

老司机

UID:673413

主题:
175
帖子:
12673
云币:
5646

圣诞节

发表于 2018-9-19 16:43:17 |
怎么获取路径的

新手上路

UID:254426

主题:
31
帖子:
132
云币:
302
发表于 2018-10-16 23:46:30 |
我转换也会自动退出,哪位大大能解决下?

主题:
0
帖子:
1
云币:
1
发表于 2018-12-5 17:28:02 |
base64转图片自动退出,求解决方法

主题:
2
帖子:
12
云币:
20
发表于 2019-2-13 06:37:05 来自手机 |
楼主我问一下,我转换图片图片才444kb,转换成base 64码就变成80万个字符,太影响效率了

主题:
5
帖子:
22
云币:
11
发表于 2019-3-6 23:58:26 |
用的是官方demo,trans模块,ios点击xml→json的函数trans_parse,一直显示{"msg":"file does not exists"},请问是否有大佬能解决解决,另外是否是apicloud官网停用了trans模块??

驾校小白

UID:689730

主题:
9
帖子:
23
云币:
34
发表于 2019-4-7 14:53:20 |
图片不存在或图片路径错误

为什么trans.decodeImgToBase64(,图片已超过10个,就出现这个错误呀。

主题:
17
帖子:
89
云币:
177
发表于 2019-8-2 22:27:36 |
显斌 发表于 2018-9-19 15:03
IOS的本地图片路径好像转换不了base64啊

感觉IOS转化速度特别慢
12下一页
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表