Vue接入阿里OSS文件上传
浏览器端直接上传文件至阿里云OSS:
import OSS from 'ali-oss'
const client = new OSS({
bucket: '<Your BucketName>', // 通过控制台或PutBucket创建的bucket
region: '<Your Region>', // bucket所在的区域, 默认oss-cn-hangzhou
accessKeyId: '<Your AccessKeyId>', // 通过阿里云控制台创建的AccessKey
accessKeySecret: '<Your AccessKeySecret>', // 通过阿里云控制台创建的AccessSecret
})
try {
//object-name可以自定义为文件名(例如file.txt)或目录(例如abc/test/file.txt)的形式,实现将文件上传至当前Bucket或Bucket下的指定目录。
let result = await client.put('object-name', 'local-file');
console.log(result);
console.log('CDN路径:', `${CDN域名}/${result.name}`)
} catch (e) {
console.error('upload fail:', e)
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
上次更新: 2021-05-10 17:15:54