阿里云OSS 图片处理
首先放个阿里云OSS图片处理接口文档 阿里云官方地址
oss图片处理接口文档
我们有时会抱怨用户上传的图文中图片文件大了(假如说3M的图片)。导致生成的网页打开速度慢,怎么办呢?
问题分析:网页打开慢是因为网页资源下载的那张图片下载慢。只要能够改变用户上传的大小就能解决这个问题。
方案一: 限制用户上传文件的大小?
1、使用的用户并不懂程序,限制了大小用户是否会觉得体验感不好?
方案二:图片上传后我们是否能对图片进行处理使之改变该图片的大小(压缩)?
1、我们写的程序处理图片的接口就一定很好吗?
2、我们有那么多精力去做这个吗?
3、我们能否在网上查询相应的资源下载对应的图片处理接口包来使用?安装使用的流程复杂吗?
4、能否在现有的资源下找个免费的第三方平台免费帮助我们?
然后我根据自己的情况我选择了上述的方案二 - 4 这个方法
采用OSS自带的图片处理机制来帮助我们。
我只说一下我的使用心得。
我的需求只是压缩用户上传上来的图片文件大小
假设我的OSS域名是
http://demo.oss-cn-xxxxx.aliyuncs.com
在该demo bucket下我上传了一张图片 test.jpg 文件大小是3M
假设http能访问到的地址 http://demo.oss-cn-xxxxx.aliyuncs.com/test.jpg
现在我想更改这个图片文件的大小。怎么办?
1、更改图片清晰度
2、缩小图片尺寸
我能想起的就是这两个方法
但是根据我的需求不能更改缩小图片的尺寸,那么只能是更改图片的清晰度了。
http://demo.oss-cn-xxxxx.aliyuncs.com/test.jpg?x-oss-process=image/quality,q_60
原图清晰度的60%
http://demo.oss-cn-xxxxx.aliyuncs.com/test.jpg?x-oss-process=image/quality,q_80
原图清晰度的80%
看到了吧?
queryString : x-oss-process=image/quality,q_{int} 这个就是更改图片清晰度的结尾参数 {int}取值0~100
当然我们还可以对图片进行多次处理
裁剪
http://demo.oss-cn-xxxxx.aliyuncs.com/test.jpg?x-oss-process=image/circle,r_100
先压缩再裁剪
http://demo.oss-cn-xxxxx.aliyuncs.com/test.jpg?x-oss-process=image/quality,q_80/circle,r_100
是不是很方便,不需要我们自己去写代码,只要我们自己在参数后面加入对应的参数就行了。
当然如果你有自己的阿里云域名(通过域名映射指向的阿里云域名的,如demo.xxxxx.com 指向阿里云的demo.oss-cn-xxxxx.aliyuncs.com) 怎么去实现上述的功能呢?
一样的,什么都不需要变化。直接点:
http://demo.xxxxx.com/test.jpg?x-oss-process=image/circle,r_100
http://demo.xxxxx.com/test.jpg?x-oss-process=image/quality,q_80/circle,r_100
————————————————
此文章为转载文章,很感谢原文作者提供的方法解决了我的难题
查看原文章
阿里云OSS 图片处理相关推荐
- 阿里云OSS 图片处理api(custom)
首先放个阿里云OSS图片处理接口文档 阿里云官方地址 OSS 图片处理接口文档 我们有时会抱怨用户上传的图文中图片文件大了(假如说3M的图片).导致生成的网页打开速度慢,怎么办呢? 问题分析:网页打开 ...
- 小书匠绑定阿里云oss+阿里云oss图片url永久有效设置--菜鸟小回
小书匠绑定阿里云oss+阿里云oss图片url永久有效设置 一.开通阿里云oss服务阿里云oss服务 二.创建Bucket 三.文件管理创建image/ 目录 四.进入小书匠绑定 访问入口:如图位置复 ...
- **关于阿里云oss图片批量上传问题解析**
关于阿里云oss图片批量上传问题解析 背景 最近在项目开发过程中遇到的问题,消耗了比较久的时间,过程曲折,虽然最终达到目的,但是鉴于各种常用的云数据在对象存储方面大同小异,所以记录一下. 理一下思路: ...
- flutter阿里云OSS图片上传
一.选择图片: 使用插件 image_picker: "^0.5.0+3" 使用image_picker选择图片,代码如下: // 相机拍照或者从图库选择图片pickImage(c ...
- 阿里云OSS图片服务器使用,不要怀疑,可以用
不废话了,oss是什么这些去姑够或度娘查: 我一springboot项目为例, 配置oss服务器 首先配置图片服务器的配置信息 图中oss为oss服务器的配置信息,tmpFilePath是本地存放临时 ...
- 阿里云OSS图片生成缩略图和获取视频的封面方法
?x-oss-process=image/resize,m_fill,w_200,quality,q_60 在图片的地址后面加上以上代码,可以生成缩略图 resize 调整大小 quality 清晰度 ...
- file does not exist 阿里云OSS图片上传遇到的问题
./uploads\20171209/0497b8dd16e72c6fcf5bfd552f535a81.png file does not exist 原代码 function aliyun($sav ...
- .Net6阿里云OSS图片上传
1:申请注册阿里云账号,找到AccessKey管理 2:添加并创建AccessKey,获取AccessKey ID. AccessKey Secret的值 3:AccessKey ID. Access ...
- 阿里云OSS图片上传类
1.阿里云基本函数 /*** 把本地变量的内容到文件* 简单上传,上传指定变量的内存值作为object的内容*/ public function putObject($imgPath,$object) ...
最新文章
- 华为配置SSH登陆详细步骤
- C#最佳工具集合:IDE、分析、自动化工具等
- icse ccf_ICSE的完整形式是什么?
- 前端学习(2970):首页的简单尝试
- 南水北调真相 林凌刘世庆范晓做客四川新闻网
- Python之网络编程(socket基础)
- python f string_Python|f-string让我喜欢Python的原因之一
- 【转载】Latex对中文的支持 模版
- 2018年3月11日论文阅读
- 解决鼠标右击菜单的新建中没有“文本文档”的问题
- 如何定时唤醒计算机命令,如何设置定时开机 定时开机命令设置方法
- 最终幻想OL(FF14)分析 - 基本数据
- MFC之学习扇形绘制与绘制阴阳鱼图
- linux RDP 共享磁盘,USB Over Network - USB Server for Linux (RDP使用讀卡機殘念)
- GridSearchCV——信用卡违约率分析示例
- 使用Microsoft SyncToy 文件同步/备份 自动化处理
- Sheryl Crow Does the HSN Hustle With New Clothing Line
- win7系统访问局域网中的wamp服务器
- uniapp 开发电视机APP 基座连接电视机
- CS188 Proj 1
热门文章
- 极客日报第118期:京东被曝显卡售后不肯维修要原价退款;​IBM发布第一个2纳米芯片;Bootstrap 5.0.0发布
- 《痞子衡嵌入式半月刊》 第 19 期
- 反射可以使用lambda吗_社保卡可以在外地使用吗?
- Win8安装Rational Rose教程
- Android很好看的登陆界面(包含详细代码)
- 机器视觉_HALCON_示例实践_1.检测圆形
- 单月涨粉30w+,他们掌握引流法宝,小红书1月创作趋势是什么?
- 如何设置BIOS实现远程开机
- 互联网服务器信息检索,网络信息检索的一般方法
- 成功将DM8168作为服务器端总结