前端华为云obs上传图片
时间: 2023-08-07 19:05:52 浏览: 65
你可以使用华为云提供的 OBS JavaScript SDK 实现前端上传图片到 OBS 的功能。
首先,你需要在华为云控制台创建一个 OBS 存储桶,并且获取到 Access Key 和 Secret Key。
然后,你可以在前端页面中引入 OBS JavaScript SDK,并使用以下代码实现上传图片的功能:
```javascript
// 创建 OBS 实例
const obsClient = new OBS({
access_key_id: 'your_access_key_id',
secret_access_key: 'your_secret_access_key',
server: 'your_obs_endpoint',
timeout: 30000
});
// 获取上传文件和文件名
const file = document.getElementById('file-input').files[0];
const fileName = file.name;
// 定义上传参数
const uploadParams = {
Bucket: 'your_bucket_name',
Key: fileName,
Body: file,
ContentType: file.type,
ContentLength: file.size,
ACL: 'public-read'
};
// 上传文件到 OBS
obsClient.putObject(uploadParams, (err, result) => {
if (err) {
console.log(err);
} else {
console.log(result);
}
});
```
其中,`your_access_key_id` 和 `your_secret_access_key` 是你在控制台获取到的 Access Key 和 Secret Key;`your_obs_endpoint` 是你的 OBS 服务地址;`your_bucket_name` 是你创建的 OBS 存储桶的名称。
在代码中,我们首先创建了一个 OBS 实例,然后获取了上传文件和文件名,接着定义了上传参数,并使用 `putObject` 方法将文件上传到 OBS。在上传成功后,控制台将会输出上传结果。