美文网首页
前端直传华为云对象存储obs

前端直传华为云对象存储obs

作者: Aurora_9e36 | 来源:发表于2021-09-02 11:17 被阅读0次

需求:前端直传华为云
实现步骤:
1.先去官方文档里面下载需要用到的sdk,如下图,下载的文件像俄罗斯套娃一样,层层解压到我们想要的文件就可以了。

Snipaste_2021-09-03_10-57-31.png

2.引入到我们的项目


image.png
  1. 初始化,创建obsClient 实例
    let obsClient = new ObsClient({
    access_key_id: '*** Provide your Access Key ',
    secret_access_key: '
    Provide your Secret Key ***',
    server : 'https://your-endpoint'
    });
    obsClient.util.setRequestHeaderHook = function (...args){
    //这一步是设置请求头 下载时配合后台设置 使用a 标签下载时不需要跳转
    args[0]['Content-Disposition'] = 'attachment';
    }

4.上传文件
obsClient.putObject({
Bucket : '桶名',
Key : '文件对象名、路径',
SourceFile : e.target.files[0], //(需要上传的文件)
}, (err, result) => {
if(err){ //失败
console.error('Error-->' + err);
}else{ //成功
console.log('Status-->' + result.CommonMsg.Status);
}
});

相关文章

网友评论

      本文标题:前端直传华为云对象存储obs

      本文链接:https://www.haomeiwen.com/subject/zoahwltx.html