请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
12下一页
返回列表 发新帖
显示全部楼层
67
帖子
0
勋章
974
Y币

qiniuStorage 模块(七牛云存储)试用分享

[复制链接]
发表于 2018-11-5 17:10:49

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

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


1. 注册七牛云账号
2. 创建存储空间,参考文档:https://developer**.**/kodo/manual/1233/console-quickstart
3. 服务端生成上传token, 参考文档: https://developer**.**/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>
复制代码







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

X
175
帖子
1
勋章
5678
Y币
感谢分享
37
帖子
2
勋章
3711
Y币
感谢分享
97
帖子
0
勋章
576
Y币
现在七牛不是要求一个绑定的公安备案域名吗
12
帖子
0
勋章
25
Y币
支持视频转码截图?
79
帖子
1
勋章
428
Y币
是否支持分片上传
视频会自动断点续传?一个token就可以???
0
帖子
0
勋章
178
Y币
看看怎么样
1
帖子
0
勋章
5
Y币
请问这个模块需要在config文件中配置什么吗?Access Key在哪里设置?求大神解答,谢谢
0
帖子
0
勋章
5
Y币
qiniuStorage.start({
                    token: token,
                    path: ret.data,
                    key: 'fghyjy'
                });

他这个之后怎么获取七牛云返回的上传信息啊?就是怎么知道是否上传成功?
12下一页
您需要登录后才可以回帖 登录

本版积分规则