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

场景简介

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

实验概述

具体步骤

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

2. 登陆阿里云官网

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

3. 进入OSS控制台

4. 新建bucket

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

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已经缩短了很多