前端直传华为云OBS

最新推荐文章于 2024-02-19 12:26:58 发布

Mythsool

最新推荐文章于 2024-02-19 12:26:58 发布

阅读量4.2k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/miss739999536/article/details/108885985

版权

javascript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

本文详细介绍了如何使用前端将图片直接上传到华为云的对象存储服务OBS。首先，需要在华为云开通OBS并获取访问密钥。然后，引入OBS的JavaScript SDK到项目中。接着，创建ObsClient实例，并使用putObject方法上传文件，指定Bucket名、存储的Key和文件源。上传成功后，可以通过域名结合Key访问图片。建议使用后台生成签名认证方式进行更安全的上传。

摘要由CSDN通过智能技术生成

本文是用前端将图片直传华为云OBS，可供参考。(比较好的方式是建议使用后台生成签名认证方式上传)

1.在华为云开通OBS对象存储

2.下载js sdk引入项目中

3. 首先创建实例

// 创建ObsClient实例
var obsClient = new ObsClient({
    access_key_id: '*** Provide your Access Key ***',       
    secret_access_key: '*** Provide your Secret Key ***',       
    server : 'https://your-endpoint'
});

以上参数可以从控制台找到

5.上传图片。采用文件上传方式

et file = event.target.files[0]

      this.obsClient.putObject({

        Bucket: 'gmep',

        Key: 'key', // 存储在obs的文件。可写成file/name即会生成file文件夹name文件

        SourceFile: file, // 文件上传使用sourceFile文本上传采用Body 

        ACL : this.obsClient.enums.AclPublicRead // 如果设置ACL即为公共访问。不需要认证如果不设置此项ACL，则需要先通过文件下载在进行路径访问

      }, function (err, result) {

        if (err) {

          console.error('Error-->' + err)

        } else {

          console.log('Status-->' + result.CommonMsg.Status)

        }

      })

6.上传成功之后，使用域名+上面的key进行访问