qiniuStorage 模块（七牛云存储）试用分享

uoaccw

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端参考代码：

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<style type="text/css">
html,
body {
background-color: white;
}
header {
border-bottom: 1px solid #ccc;
padding: 25px 0;
}
span {
padding: 10px 5px;
margin: 5px;
display: inline-block;
background-color: #e8e8e8;
}
.hover {
opacity: .4;
}
.btn {
position: relative;
left: 10px;
top: 20px;
width: 180px;
}
</style>
</head>
<body id="bd">
<div class="main">
<header>
<h1>qiniuStorage</h1>
<mark>
使用前请详细阅读模块文档
</mark>
</header>
<div class="btn">
<span tapmode="hover" onclick="fnconfigUploader()">configUploader</span>
<span tapmode="hover" onclick="fnstart()">start</span>
<span tapmode="hover" onclick="fncancel()">cancel</span>
<span tapmode="hover" onclick="fnaddEventListener()">addEventListener</span>
</div>
</div>
</body>
<script type="text/javascript">
var qiniuStorage;
apiready = function() {
qiniuStorage = api.require('qiniuStorage');
};
function fnconfigUploader() {
qiniuStorage.configUploader({
params: {
"x:foo": "fooval"
},
checkCrc: false,
mimeType: '',
zone: 'z0'
});
}
function fnstart() {
// 从服务端获取token
//var token = $token;
api.getPicture({
sourceType: 'library',
encodingType: 'jpg',
mediaValue: 'pic',
destinationType: 'url',
allowEdit: true,
quality: 50,
targetWidth: 100,
targetHeight: 100,
saveToPhotoAlbum: false
}, function(ret, err) {
if (ret) {
//alert(JSON.stringify(ret));
qiniuStorage.start({
token: token,
path: ret.data,
key: 'fghyjy'
});
} else {
alert(JSON.stringify(err));
}
});
}
function fncancel() {
qiniuStorage.cancel();
}
function fnaddEventListener() {
qiniuStorage.addEventListener(function(ret) {
console.log(JSON.stringify(ret));
});
}
</script>
</html>

复制代码

得呤

感谢分享

易大侠

感谢分享

玉林 · 回复于2018-11-12 08:55:11

现在七牛不是要求一个绑定的公安备案域名吗

于路爱谁、

支持视频转码截图？

微瀚

是否支持分片上传

上海如书文化传播有限公司

视频会自动断点续传？一个token就可以？？？

yslfei

看看怎么样

大哥显神通

请问这个模块需要在config文件中配置什么吗？Access Key在哪里设置？求大神解答，谢谢

chili123

qiniuStorage.start({
                  token: token,
                  path: ret.data,
                  key: 'fghyjy'
            });

他这个之后怎么获取七牛云返回的上传信息啊？就是怎么知道是否上传成功？