apicloud apicloud

注册
查看: 1259|回复: 5

[模块教程] qiniuStorage 模块(七牛云存储)试用分享

实习司机

UID:253705

主题:
53
帖子:
175
云币:
488

[模块教程] qiniuStorage 模块(七牛云存储)试用分享

1259 5 | 发表于 2018-11-5 17:10:49 |阅读模式 | |

qiniuStorage模块封装了七牛云的对象存储服务移动端SDK,可实现上传文件到七牛云。

https://docs.apicloud.com/Client-API/Open-SDK/qiniuStorage


1. 注册七牛云账号
2. 创建存储空间,参考文档:https://developer.qiniu.com/kodo/manual/1233/console-quickstart
3. 服务端生成上传token, 参考文档: https://developer.qiniu.com/kodo/manual/1208/upload-token#2
4. APP端请求服务端生成的token,传给模块的start方法。

APP端参考代码:
  1. <html>

  2. <head>
  3.     <meta charset="utf-8">
  4.     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  5.     <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  6.     <style type="text/css">
  7.         html,
  8.         body {
  9.             background-color: white;
  10.         }

  11.         header {
  12.             border-bottom: 1px solid #ccc;
  13.             padding: 25px 0;
  14.         }

  15.         span {
  16.             padding: 10px 5px;
  17.             margin: 5px;
  18.             display: inline-block;
  19.             background-color: #e8e8e8;
  20.         }

  21.         .hover {
  22.             opacity: .4;
  23.         }

  24.         .btn {
  25.             position: relative;
  26.             left: 10px;
  27.             top: 20px;
  28.             width: 180px;
  29.         }
  30.     </style>
  31. </head>

  32. <body id="bd">
  33.     <div class="main">
  34.         <header>
  35.             <h1>qiniuStorage</h1>
  36.             <mark>
  37.                 使用前请详细阅读模块文档
  38.             </mark>
  39.         </header>
  40.         <div class="btn">
  41.             <span tapmode="hover" onclick="fnconfigUploader()">configUploader</span>
  42.             <span tapmode="hover" onclick="fnstart()">start</span>
  43.             <span tapmode="hover" onclick="fncancel()">cancel</span>
  44.             <span tapmode="hover" onclick="fnaddEventListener()">addEventListener</span>
  45.         </div>
  46.     </div>
  47. </body>
  48. <script type="text/javascript">
  49.     var qiniuStorage;
  50.     apiready = function() {
  51.         qiniuStorage = api.require('qiniuStorage');
  52.     };

  53.     function fnconfigUploader() {
  54.         qiniuStorage.configUploader({
  55.             params: {
  56.                 "x:foo": "fooval"
  57.             },
  58.             checkCrc: false,
  59.             mimeType: '',
  60.             zone: 'z0'
  61.         });
  62.     }

  63.     function fnstart() {
  64.         // 从服务端获取token
  65.         //var token = $token;

  66.         api.getPicture({
  67.             sourceType: 'library',
  68.             encodingType: 'jpg',
  69.             mediaValue: 'pic',
  70.             destinationType: 'url',
  71.             allowEdit: true,
  72.             quality: 50,
  73.             targetWidth: 100,
  74.             targetHeight: 100,
  75.             saveToPhotoAlbum: false
  76.         }, function(ret, err) {
  77.             if (ret) {
  78.                 //alert(JSON.stringify(ret));
  79.                 qiniuStorage.start({
  80.                     token: token,
  81.                     path: ret.data,
  82.                     key: 'fghyjy'
  83.                 });
  84.             } else {
  85.                 alert(JSON.stringify(err));
  86.             }
  87.         });
  88.     }

  89.     function fncancel() {
  90.         qiniuStorage.cancel();
  91.     }

  92.     function fnaddEventListener() {
  93.         qiniuStorage.addEventListener(function(ret) {
  94.             console.log(JSON.stringify(ret));
  95.         });
  96.     }
  97. </script>

  98. </html>
复制代码







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

老司机

UID:673413

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

圣诞节

发表于 2018-11-5 18:25:23 |
感谢分享

版主

UID:546828

主题:
31
帖子:
3428
云币:
33764

端午节圣诞节捣蛋鬼APICloud五岁啦

发表于 2018-11-6 10:11:01 |
感谢分享

马路杀手

UID:229848

主题:
97
帖子:
288
云币:
543
发表于 2018-11-12 08:55:11 |
现在七牛不是要求一个绑定的公安备案域名吗

主题:
12
帖子:
22
云币:
23
发表于 2019-1-19 17:59:46 |
支持视频转码截图?

马路杀手

UID:292012

主题:
39
帖子:
179
云币:
234
发表于 2019-3-3 10:22:58 |
是否支持分片上传
您需要登录后才可以回帖 登录 | 立即注册

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