js把图片上传到oss

840 阅读1分钟

1、先引入ali-oss文件

<script src="https://cdn.bootcdn.net/ajax/libs/ali-oss/6.13.2/aliyun-oss-sdk.js"></script>

2、配置参数

let client = new OSS({
    region: "oss-cn-shenzhen", //你的oss地址 ,具体位置见下图
    accessKeyId: '', //你的ak
    accessKeySecret: '', //你的secret
    bucket: "www-yywh" //你的oss名字
});

3、然后可以上传到oss

// 第一种 普通上传
async function putObject () {
    try {
        // object-key可以自定义为文件名(例如file.txt)或目录(例如abc/test/file.txt)的形式,实现将文件上传至当前Bucket或Bucket下的指定目录。
        let result = await client.put('test_img/1.jpg', file);
        console.log('成功',result);
    } catch (e) {
        console.log('失败',e);
    }
}
putObject();
// 第二种 分块上传
client.multipartUpload("test_img" + "/1.jpg", file).then(function (result) {
    console.log('成功',result);
}).catch(function (err) {
    console.log('错误',err);
});