更新时间:2024-07-11 GMT+08:00
分享

图片处理

开发过程中,您有任何问题可以在github上提交issue,或者在华为云对象存储服务论坛中发帖求助。接口参考文档详细介绍了每个接口的参数和使用方法。

OBS为用户提供了稳定、安全、高效、易用、低成本的图片处理服务。当要下载的对象是图片文件时,您可以通过传入图片处理参数对图片文件进行图片剪切、图片缩放、图片水印、格式转换等处理。

以下代码展示了如何使用下载对象接口实现图片处理:
// 创建ObsClient实例
var obsClient = new ObsClient({
    // 认证用的ak和sk硬编码到代码中或者明文存储都有很大的安全风险,建议在配置文件或者环境变量中密文存放,使用时解密,确保安全;本示例以ak和sk保存在环境变量中为例,运行本示例前请先在本地环境中设置环境变量AccessKeyID和SecretAccessKey。
    // 前端本身没有process对象,可以使用webpack类打包工具定义环境变量,就可以在代码中运行了。
    // 您可以登录访问管理控制台获取访问密钥AK/SK,获取方式请参见https://support.huaweicloud.com/usermanual-ca/ca_01_0003.html
    access_key_id: process.env.AccessKeyID,
    secret_access_key: process.env.SecretAccessKey,
    // 这里以华北-北京四为例,其他地区请按实际情况填写
    server: 'https://obs.cn-north-4.myhuaweicloud.com'
});

obsClient.getObject({
       Bucket: 'bucketname',
       Key: 'objectname.jpg',
       // ImageProcess: 'image/resize,m_fixed,w_100,h_100',        // 强制将图片的宽和高固定为100
       // ImageProcess: 'image/rotate,90',                         // 将图片旋转角度设置为90
       ImageProcess: 'image/resize,m_fixed,w_100,h_100/rotate,90', // 先强制将图片的宽和高固定为100,然后旋转角度设置为90
}, function (err, result) {
       if(err){
              console.error('Error-->' + err);
       }else{
              console.log('Status-->' + result.CommonMsg.Status);
       }
});

图片处理的更多功能请参考图片处理功能概述

  • 使用ImageProcess参数指定图片处理参数。
  • 图片处理参数支持级联处理,可对图片文件依次执行多条命令。

相关文档