阿里云 oss 上传前端 vue3 实现

npm install ali-oss
import OSS from 'ali-oss';
layout 请求接口获取配置,初始化实例,provide 注入全局 ossClient,然后需要的页面注入 ossClient 使用

页面中使用方式:
const ossClient = inject('ossClient');

// 1.请求上传接口
ossClient.value.put(`image/${params.filename}`, params.file).then(res => {
// 2.文件路径赋值
console.log(res.url)
}).catch(err => {
console.error('上传失败', err);
})

posted @ 2024-04-23 16:53  heroljy  阅读(54)  评论(0编辑  收藏  举报