5.22成都workshop:1、海量数据存储与多媒体处理

本文涉及的产品
对象存储 OSS,OSS 加速器 50 GB 1个月
简介: 实验:https://yq.aliyun.com/articles/86538,实验目标:1.如果通过OSS的控制台上传和下载文件;2.如果使用OSS的图片处理服务实现图片的缩略、旋转、裁剪等操作

海量数据存储与多媒体处理

场景简介

  • 某游戏公司小吴需要将游戏的静态数据比如图片放在在OSS上
  • 某游戏公司小吴需要对存放在OSS上的图片进行缩略、旋转、裁剪等处理

实验概述

实验概述

具体步骤

1. 下载资源包,解压后找到oss.zip,并再次解压出来

2. 登陆阿里云官网

点击登陆界面,输入账号和密码登陆即可,如果要求绑定手机号,则选择“下次再说”登陆登陆

3. 进入OSS控制台

进入OSS控制台进入OSS控制台

4. 新建bucket

bucket名称的字符集是小写字母、数字和横杠,全局唯一,自己定一个就行,本文档以storage-workshop-1为例,所属区域选择“华东2”,也就是上海区域,存储类型是“标准存储”,为了方便演示,读写权限选择“公共读”,点击确认即可新建bucket新建bucket

5. 上传文件

上一步完成后会自动进入bucket的管理界面,选择左侧“Object管理”,然后选择“上传文件”,在弹出的对话框中选择我们第一步下载的压缩包中的“144-bigskin-1.jpg”上传即可,点击刷新,即可看到刚才上传的文件上传文件上传文件

6. 下载文件或者在浏览器中打开文件

从刚才上传的文件右侧点击“获取地址”,将地址复制出来放到浏览器中即可看到刚才上传的文件下载文件下载文件

7. 图片处理

所有的图片处理操作可见文档图片处理,此文档以缩略、旋转、裁剪为例演示

缩略

在步骤6中生成的url后面添加”?x-oss-process=image/resize,m_fixed,h_400,w_600”,回车即可,可以改变其中的数值查看效果

旋转

在步骤6中生成的url后面添加”?x-oss-process=image/rotate,90”,回车即可,可以改变其中的数值查看效果

裁剪

在步骤6中生成的url后面添加”?x-oss-process=image/circle,r_500”,回车即可,可以改变其中的数值查看效果

管道

如果要同时实现缩略、旋转以及裁剪,可以采用管道连接,比如在步骤6中生成的url后面添加”?x-oss-process=image/resize,m_fixed,h_400,w_600/rotate,90/circle,r_500”,回车即可,可以改变其中的数值观察效果

样式
  • 创建样式。回到bucket的管理界面,依次选择左侧的“图片处理”=》“样式管理”=》“创建样式”,进入创建样式的界面,选择“高级编辑”,填入样式名,将“管道”一节中添加的参数填入框中,右侧点击预览,观察效果后保存创建样式创建样式创建样式创建样式
  • 使用生成的样式。在步骤6中生成的域名后面添加“?x-oss-process=style/mystyle”,可以看到和管道一节一样的效果,但是url已经缩短了很多
目录
相关文章
【鸿蒙软件开发】进度条Progress
【鸿蒙软件开发】进度条Progress
596 0
|
SQL 存储 关系型数据库
【面试题精讲】mysql-update语句执行流程
【面试题精讲】mysql-update语句执行流程
|
域名解析 缓存 网络协议
解决宝塔报错提示:您的请求在Web服务器中没有找到对应的站点
解决宝塔报错提示:您的请求在Web服务器中没有找到对应的站点
解决宝塔报错提示:您的请求在Web服务器中没有找到对应的站点
|
11月前
|
数据挖掘 API 开发者
深度解析!淘宝商品详情 API 接口的高效调用与实战应用
淘宝商品详情API为开发者提供高效获取商品信息的途径,支持名称、价格、销量等详细数据的提取。接口通过GET/POST请求方式调用,需携带商品ID与授权信息(如AppKey)。其特点包括数据全面、实时性强及安全性高,满足电商应用、数据分析等需求。本文还提供了Python调用示例,涵盖签名生成、参数构建及请求发送全流程,助力开发者快速集成淘宝商品数据至自身系统中。
|
存储 人工智能 uml
介绍一款好用的开源画图神器-draw.io | AI应用开发
draw.io 是一款基于浏览器的开源绘图工具,无需安装即可使用,支持多种操作系统和设备。其简洁的界面、丰富的形状库、智能对齐功能和强大的云端协作能力,使其成为专业人士和创意爱好者的首选。无论是产品设计、流程图绘制还是思维导图构建,draw.io 都能满足你的多样化需求。【10月更文挑战第7天】
1711 0
|
XML 前端开发 Java
《手把手教你》系列技巧篇(十四)-java+ selenium自动化测试-元素定位大法之By xpath上卷(详细教程)
【4月更文挑战第6天】按宏哥计划,本文继续介绍WebDriver关于元素定位大法,这篇介绍定位倒数二个方法:By xpath。xpath 的定位方法, 非常强大。使用这种方法几乎可以定位到页面上的任意元素。xpath 是XML Path的简称, 由于HTML文档本身就是一个标准的XML页面,所以我们可以使用Xpath 的用法来定位页面元素。XPath 是XML 和Path的缩写,主要用于xml文档中选择文档中节点。基于XML树状文档结构,XPath语言可以用在整棵树中寻找指定的节点。
303 0
|
存储 人工智能 前端开发
基于知识图谱的教学资源网
基于知识图谱的教学资源网
313 11
|
传感器 机器学习/深度学习 人工智能
智能物流:自动化仓库与配送系统
【10月更文挑战第22天】在21世纪的全球化经济中,物流行业作为连接生产与消费的桥梁,其效率与准确性至关重要。本文深入探讨智能物流的核心技术,如自动化仓储、无人驾驶配送和物联网,以及应用案例和未来发展趋势,揭示自动化仓库与配送系统如何引领物流行业的智能化转型。
1531 0
echarts圆环图设置legend数据对齐百分比样式使用rich富文本标签和formatter函数
echarts圆环图设置legend数据对齐百分比样式使用rich富文本标签和formatter函数
1834 0
|
人工智能 自然语言处理 算法
阿里云通义大模型助力“小爱同学”!
阿里云通义大模型助力“小爱同学”!
1240 2