计算
弹性云服务器 ECS
Flexus云服务
裸金属服务器 BMS
弹性伸缩 AS
镜像服务 IMS
专属主机 DeH
函数工作流 FunctionGraph
云手机服务器 CPH
Huawei Cloud EulerOS
网络
虚拟私有云 VPC
弹性公网IP EIP
虚拟专用网络 VPN
弹性负载均衡 ELB
NAT网关 NAT
云专线 DC
VPC终端节点 VPCEP
云连接 CC
企业路由器 ER
企业交换机 ESW
全球加速 GA
安全与合规
安全技术与应用
Web应用防火墙 WAF
企业主机安全 HSS
云防火墙 CFW
安全云脑 SecMaster
DDoS防护 AAD
数据加密服务 DEW
数据库安全服务 DBSS
云堡垒机 CBH
数据安全中心 DSC
云证书管理服务 CCM
边缘安全 EdgeSec
态势感知 SA
威胁检测服务 MTD
CDN与智能边缘
内容分发网络 CDN
CloudPond云服务
智能边缘云 IEC
迁移
主机迁移服务 SMS
对象存储迁移服务 OMS
云数据迁移 CDM
迁移中心 MGC
大数据
MapReduce服务 MRS
数据湖探索 DLI
表格存储服务 CloudTable
云搜索服务 CSS
数据接入服务 DIS
数据仓库服务 GaussDB(DWS)
数据治理中心 DataArts Studio
数据可视化 DLV
数据湖工厂 DLF
湖仓构建 LakeFormation
企业应用
云桌面 Workspace
应用与数据集成平台 ROMA Connect
云解析服务 DNS
专属云
专属计算集群 DCC
IoT物联网
IoT物联网
设备接入 IoTDA
智能边缘平台 IEF
用户服务
账号中心
费用中心
成本中心
资源中心
企业管理
工单管理
国际站常见问题
ICP备案
我的凭证
支持计划
客户运营能力
合作伙伴支持计划
专业服务
区块链
区块链服务 BCS
Web3节点引擎服务 NES
解决方案
SAP
高性能计算 HPC
视频
视频直播 Live
视频点播 VOD
媒体处理 MPC
实时音视频 SparkRTC
数字内容生产线 MetaStudio
存储
对象存储服务 OBS
云硬盘 EVS
云备份 CBR
存储容灾服务 SDRS
高性能弹性文件服务 SFS Turbo
弹性文件服务 SFS
云硬盘备份 VBS
云服务器备份 CSBS
数据快递服务 DES
专属分布式存储服务 DSS
容器
云容器引擎 CCE
容器镜像服务 SWR
应用服务网格 ASM
华为云UCS
云容器实例 CCI
管理与监管
云监控服务 CES
统一身份认证服务 IAM
资源编排服务 RFS
云审计服务 CTS
标签管理服务 TMS
云日志服务 LTS
配置审计 Config
资源访问管理 RAM
消息通知服务 SMN
应用运维管理 AOM
应用性能管理 APM
组织 Organizations
优化顾问 OA
IAM 身份中心
云运维中心 COC
资源治理中心 RGC
应用身份管理服务 OneAccess
数据库
云数据库 RDS
文档数据库服务 DDS
数据管理服务 DAS
数据复制服务 DRS
云数据库 GeminiDB
云数据库 GaussDB
分布式数据库中间件 DDM
数据库和应用迁移 UGO
云数据库 TaurusDB
人工智能
人脸识别服务 FRS
图引擎服务 GES
图像识别 Image
内容审核 Moderation
文字识别 OCR
AI开发平台ModelArts
图像搜索 ImageSearch
对话机器人服务 CBS
华为HiLens
视频智能分析服务 VIAS
语音交互服务 SIS
应用中间件
分布式缓存服务 DCS
API网关 APIG
微服务引擎 CSE
分布式消息服务Kafka版
分布式消息服务RabbitMQ版
分布式消息服务RocketMQ版
多活高可用服务 MAS
事件网格 EG
企业协同
华为云会议 Meeting
云通信
消息&短信 MSGSMS
云生态
合作伙伴中心
云商店
开发者工具
SDK开发指南
API签名指南
Terraform
华为云命令行工具服务 KooCLI
其他
产品价格详情
系统权限
管理控制台
客户关联华为云合作伙伴须知
消息中心
公共问题
开发与运维
应用管理与运维平台 ServiceStage
软件开发生产线 CodeArts
需求管理 CodeArts Req
部署 CodeArts Deploy
性能测试 CodeArts PerfTest
编译构建 CodeArts Build
流水线 CodeArts Pipeline
制品仓库 CodeArts Artifact
测试计划 CodeArts TestPlan
代码检查 CodeArts Check
代码托管 CodeArts Repo
云应用引擎 CAE
开天aPaaS
云消息服务 KooMessage
云手机服务 KooPhone
云空间服务 KooDrive

开始图片处理(控制台)

更新时间:2024-10-23 GMT+08:00

使用流程

用户可以在OBS管理控制台图片处理界面通过按钮或编辑代码操作创建图片样式,在图片预览区域预览图片使用相应样式模板的效果,通过复制链接按钮获取使用样式后的图片URL进行使用。

您可以通过OBS管理控制台、OBS SDK、RESTful API处理图片。本章简要展示使用控制台方式访问和使用图片处理的流程,具体如图1所示。

图1 控制台场景使用流程

步骤一:登录OBS控制台

在使用图片处理前,您需要拥有一个云服务账号并且成功开通OBS。开通OBS服务成功后图片处理也随之成功开通,使用OBS服务之前必须先充值,充值完成后即可进行访问和使用。如果您已经开通OBS且完成充值,请跳过此章节。

  1. 打开华为云网站https://www.huaweicloud.com/intl/zh-cn/
  2. 注册账号。

    使用OBS前需注册一个华为账号。如果您已有账号,请从3开始。
    1. 在顶部导航栏右侧,单击“注册”。
    2. 在注册页面,根据提示信息完成注册。

      注册成功后,系统会自动跳转至您的个人信息界面。

  3. 在顶部导航栏右侧,单击“登录”,输账号名和密码。
  4. 在顶部导航栏右侧,单击“控制台”,进入华为云控制台。
  5. 单击“服务列表”,选择“存储 > 对象存储服务”,进入OBS管理控制台。
  6. 为保证您正常使用OBS服务,建议您先充值。

步骤二:上传图片

说明:

关于上传图片的格式和大小的约束与限制请参见图片处理约束限制

  1. 在管理控制台首页,选择服务列表 > 存储 > 对象存储服务
  2. 在桶列表中单击待操作的桶,进入“对象”页面。
  3. 单击“上传对象”,进入“上传对象”页面。
  4. 单击图2红框内按钮选择文件。

    图2 上传图片

  5. 选择待上传的图片,单击“打开”
  6. 单击“上传”

步骤三:创建图片样式

可以通过创建图片样式对图片进行剪切、压缩、添加水印等处理。对于需要相同处理操作的多张图片,可以通过创建样式避免重复的设置操作。创建成功的样式可以被桶中的多张图片使用。

在创建样式过程中,可以在右侧的样例图片中实时看到设置的样式效果。

使用RESTful API接口访问时,可以在URL中直接调用样式名称对图片进行处理,避免输入复杂的处理命令。接口访问的域名规则请参见样式访问方式

每个桶您最多可以创建100个样式。

您可以新建图片处理样式,也可以从其他桶复制已有图片处理样式。

说明:

创建图片样式前,如果当前用户是IAM子用户,请确保的IAM子用户已开启编程访问,开启方式详见修改或查看IAM用户信息

  1. 在管理控制台首页,选择服务列表 > 存储 > 对象存储服务
  2. 单击目标桶名称,在左侧导航栏中选择“数据处理 > 图片处理”

    图3 图片处理


  3. 单击“创建”,进入样式编辑界面。具体如图4所示。

    图4 创建样式


  4. 在编辑页面,可以进行编辑样式名称和基本属性,设置缩略方式、旋转/剪切、图片水印、图片输出等操作。

    • 样式名称

      输入方便记忆的样式名称,只能由大写或小写的英文字母、数字、英文句号(.)、下划线(_)和连字符(-)组成。长度为1~256个字符。例如:rotate_0001。

    • 编辑模式

      可以选择图形界面模式进行可视化样式编辑,也可以选择代码编辑模式进行样式编辑。

      代码编辑样例如下:

      image/sharpen,100/blur,r_1,s_1/resize,m_lfit,h_400,w_400,limit_1
    • 参数设置

      根据需要设置图片效果、缩略、水印和输出的参数值。

  5. 完成样式的编辑后,单击“确定”保存样式。新建成功的样式将会显示在样式列表中。

复制图片处理样式

您可以直接复制现有图片样式,快速创建图片样式。

  1. 在管理控制台首页,选择服务列表 > 存储 > 对象存储服务
  2. 单击目标桶名称,在左侧导航栏中选择“数据处理 > 图片处理”
  3. 单击“复制”。
  4. 选择复制源,即图片处理样式所在的源桶。

    说明:
    • 从源桶复制图片处理样式的操作为增量复制,不会删除当前桶已存在的图片处理样式,与已存在的图片处理样式冲突的规则不会复制。
    • 源桶和目标桶的桶版本号都必须是3.0。
    • 您可以按需移除不需要复制的图片处理样式。
    图5 复制图片处理样式


  5. 单击“确定”,将源桶的图片处理样式复制到当前桶。

步骤四:使用图片样式

当桶中存在已经创建好的图片样式时,您可以通过以下两种方法使用图片样式。

  • 复制链接:在OBS控制台上通过图片对象详情页面的图片预览,获取访问链接,在浏览器中打开即可获取到使用图片样式处理后的图片。其具体操作步骤如复制链接所示。
  • 拼写域名:参照以下域名拼写规则,将拼写的域名在浏览器中打开以快速获取使用图片样式处理后的图片。
    <图片链接>?x-image-process=style/<样式名称>

    图片链接从对象详情页面获取,具体操作步骤请参见拼写域名。样式名称为创建样式时用户自定义的样式名,只能由大写或小写的英文字母、数字、英文句号(.)、下划线(_)和连字符(-)组成。长度为1~256个字符。例如:rotate_0001。

复制链接

  1. 在管理控制台首页,选择服务列表 > 存储 > 对象存储服务
  2. 选中样式所在桶,进入“对象”页面。
  3. 单击已存在的图片文件名称或者上传新图片后,进入文件详情页面。
  4. 单击“图片预览”页签,您可以在此页面预览使用图片样式的图片效果。

    图6 图片预览

  5. 单击“复制链接”,按钮提示“复制成功”时,即可获取到使用样式的图片文件访问地址在浏览器中使用。

拼写域名

  1. 在OBS对象列表页面,单击待处理图片名称,进入图片详情页面。
  2. 在“对象ACL > 用户权限 > 匿名用户”中,单击“编辑”为匿名用户授予对象读取权限后,单击“确定”,如图7所示。

    图7 授予匿名用户对象读取权限


  3. 单击“链接”后的图标,复制图片链接。
  4. 在复制成功的链接后加上?x-image-process=style/<样式名称>,即可在浏览器中打开并获取到使用样式处理后的图片。

    示例:

    https://bucketname.obs.ap-southeast-1.myhuaweicloud.com/example.jpg?x-image-process=style/stylename

    说明:

    以上图片链接以及样式名称均为示例,使用过程中请根据实际情况修改。

我们使用cookie来确保您的高速浏览体验。继续浏览本站,即表示您同意我们使用cookie。 详情

文档反馈

文档反馈

意见反馈

0/500

标记内容

同时提交标记内容