vue页面使用阿里oss上传功能的实例（一）

发布时间：2020-12-17 02:50:47 所属栏目：百科来源：网络整理

导读：本文介绍了vue页面使用阿里oss上传功能的实例（一），分享给大家，也给自己留个笔记直奔主题：前端部分 1.前端页面中需要引入oss-sdk: 2.自己封装的upload组件： 3.使用组件：后端部分 1.首先安装依赖 2.service文件 var OSS = require('ali-oss'); var S

本文介绍了vue页面使用阿里oss上传功能的实例（一），分享给大家，也给自己留个笔记

直奔主题：

前端部分

1.前端页面中需要引入oss-sdk:

2.自己封装的upload组件：

3.使用组件：

后端部分

1.首先安装依赖

2.service文件

var OSS = require('ali-oss');
var STS = OSS.STS;
var co = require('co');

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文件

到这里就大功告成了吗？错！这只是完成了最基本的部分，接下来我们要在阿里云控制台中设置权限、角色、策略等。

源码地址：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!