前端直传华为云OBS

本文是用前端将图片直传华为云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进行访问

前端直传华为云OBS相关推荐

PHP后端生成签名后uniapp前端直传华为云OBS记录
uniapp 官方合作的云存储是阿里云和腾讯云,但我们公司选的云存储服务恰好都不是这两家,是华为云 OBS.网上搜了多次,没有能成功的案例分享.但是,考虑到网上关于华为云性能优异的测评报告,以及我对华 ...
uniapp vue 微信小程序前端直传华为云对象存储OBS
前言: 因项目服务器性能需要需要前端直传华为云对象存储绕过后端个人在华为云官网SDK文档研究分享出来避免大家踩坑报错定位 web端报 Error: Network Error 高频问 ...
前端js华为云obs断点续传上传
前端js华为云obs断点续传上传断点续传上传就是将待上传的文件分成若干份分别上传,并实时地将每段上传结果统一记录在断点续传记录对象中,仅当所有分段都上传成功时返回上传成功的结果,否则在回调函数中返回 ...
前端js华为云obs上传下载文件与进度条的设置
前端js华为云obs上传下载文件与进度条的设置首先下载OBS BrowserJS SDK安装包用git将代码拉到本地 git clone https://github.com/huaweiclou ...
react+Ts+批量上传华为云OBS
文章目录前言一.华为云OBS 二.开发步骤 1.使用npm安装(推荐) 2.使用源码安装 3.直接上代码(npm方式) 4.示例图 5.12.22 新增进度条优化 6.如果限制单个大文件上传进度条 ...
uniapp 上传图片到华为云obs
记录一下用uniapp上传图片到华为云obs,之前是先把文件传到我们自己的服务器,然后后端的同事再上传到obs,但是我们公司的带宽太低了,传的太太太太慢了,于是考虑直接让用户上传到obs,不经过我们自 ...
华为云OBS文件上传和下载
华为云Obs文件上传和下载使用的技术前端是Vue框架,element-ui 后端是Springboot项目服务器是华为云文件上传下载地方是华为云Obs对象存储服务 1.前端上传代码 el-up ...
基于华为云obs实现文件上传下载（技术栈mysql+springboot+Maven+jsp+java）的技术分享
基于华为云obs实现文件上传下载(技术栈mysql+springboot+jsp+java)的技术分享 obs实现文件上传下载前言一.OBS是什么? 二.使用步骤 1.1 前期准备 2 工具的内容 ...
vue 上传文件到华为云obs
有两种方式, 第一种是在前端直接上传文件到obs, 第二种是先把文件上传到后台, 然后后台再调用obs对应开发语言的SDK 1. 前端直接上传文件到obs,不经过后端 1.1 使用npm引入包 // ...

前端直传华为云OBS

前端直传华为云OBS相关推荐

最新文章

热门文章