本文介绍了vue页面使用阿里oss上传功能的实例(一),分享给大家,也给自己留个笔记
直奔主题:
前端部分
1.前端页面中需要引入oss-sdk:
2.自己封装的upload组件:
3.使用组件:
本文介绍了vue页面使用阿里oss上传功能的实例(一),分享给大家,也给自己留个笔记
1.前端页面中需要引入oss-sdk:
2.自己封装的upload组件:
3.使用组件:
1.首先安装依赖
2.service文件
var sts = new STS({
accessKeyId: 'accessKeyId',accessKeySecret: 'accessKeySecret',});
var rolearn = 'acs:ram::ID:role/ram';
var policy = {
"Version": "1","Statement": [
{
"Effect": "Allow","Action": [
"oss:GetObject","oss:PutObject"
],"Resource": [
"acs:oss:::Bucket","acs:oss:::BucketName/*"
]
}
]
};
class OssUploadService {
getOssToken(req,res){
var result = co(function () {
var token = yield sts.assumeRole(rolearn,policy,15 60,'ossupload');
res.json({
token:token.credentials
})
}).catch(function (err) {
});
}
}
module.exports = new OssUploadService()
3.controller文件
到这里就大功告成了吗?错!这只是完成了最基本的部分,接下来我们要在阿里云控制台中设置权限、角色、策略等。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。