阿里云图片压缩

后台用户上传的图片往往很大，并且现在iphone手机的图片质量大的都高达几M，而在移动端展示时，即便做了懒加载，如vue-lazyLoad,也会很影响性能。移动端的图片一般控制在100K以内，否则3g网络加载太慢，会出现白屏现象。目前遇到的场景，图片都存放在阿里云的cdn上，从而可以采用阿里云的图片质量变换进行压缩图片。

阿里云图片压缩
https://help.aliyun.com/document_detail/32243.html
e.g.

<img :src="detailData.logo ? imgUrl + detailData.logo + ‘?x-oss-process=image/quality,Q_40‘ : ‘../static/imgs/default-pic.png‘" class="user-pic" />

压缩后的图片大概在100K以内，对后台用户上传的图片尽量不做限制，在实际展示时进行压缩。

参考：

原文地址：https://www.cnblogs.com/jikaiyang/p/8687908.html

时间： 2024-11-09 03:49:18

阿里云图片压缩的相关文章

阿里云图片压缩上传代码

1.页面端 <form action="mem/upload" method="post" enctype="multipart/form-data" onsubmit="return checkForm(this);"> <input type="hidden" name="flag" value="3"/><input type=&q

阿里云图片或文件上传启动时报Error creating bean with name 'ossClient'问题

异常的主要信息是说无法创建ossClient对象下面debug显示出具体的原因是因为找不到org.apache.http.ssl.TrustStrategy org.apache.http.ssl.TrustStrategy其实是httpClient jar包中的,原因是因为httpClient 的版本过低,jar包中没有org.apache.http.ssl.TrustStrategy, 所以只需要从maven仓库中下载最新的httpClient jar包即可.本人之前用的是后来把版本号修

阿里云图片保存

/// <summary> /// 阿里云图片保存 /// </summary> /// <param name="file"></param> /// <param name="fileName"></param> /// <param name="op">0代表是默认的图片上传,1代表是新闻的图片上传</param> /// <returns

vue上传阿里云图片组件

上传组件:<template> <div class="upLoat"> <a href="javascript:;" class="file">上传图片 <input type="file" :accept="typeArr" @change="upload($event)"> </a> </div></te

解决阿里云OSS跨域问题

解决阿里云OSS跨域问题现象本人项目中对阿里云图片请求进行了两次,第一次通过img标签进行,第二次通过异步加载获取.第一次请求到图片,浏览器会进行缓存,随后再进行异步请求,保存跨域失效. 错误信息如下: Failed to load http://cdn.imayuan.com/831ccd4741a7a56d85f6698a21f4ca69.svg: No 'Access-Control-Allow-Origin' header is present on the requested re

电商项目系列文档（一）

最近有幸带领团队做了一个跨境电商项目,总结了一些经验,准备形成一个系列文档,供大家分享. 第一章主要对项目的整体情况和技术选型做一个简单介绍整体情况: 1.跨境电商项目,线上已经有运行的项目,所以需要考虑老数据导入新平台的问题 2.前端分为微信端和PC端,由于现在HTML5跨平台还不成熟,所以前端是两个独立的平台,微信使用HTML5构建,PC端使用HTML4,共用一个后台 3.项目时间紧,人员经验浅,这个就不细说了,满满都是坑. 4.项目架构是领域驱动的三层架构,即无论前后台,传递领域实体参数

有一台服务器可以做哪些很酷的事情

服务器是我读大学以后才开始玩的,阿里云 ECS,从最开始 1 核 1G 的配置,一路升级,现在是 2 核 16G,已经不知道花了多少钱了.现在服务器上配了很多好玩的东西.国内的服务器是要备案的,不过现在备案似乎越来越简单了,上海备案在专用 APP 上就可以完成个人网站的 ICP 备案,省去了邮寄幕布的环节. WordPress官网:https://wordpress.org/我的博客:https://www.jxtxzzw.com/最早开始的自然是博客,我是用的 WordPress,因为用的人多

java/resteasy批量下载存储在阿里云OSS上的文件，并打包压缩

现在需要从oss上面批量下载文件并压缩打包,搜了很多相关博客,均是缺胳膊少腿,要么是和官网说法不一,要么就压缩包工具类不给出官方API https://help.aliyun.com/document_detail/32014.html?spm=a2c4g.11186623.6.683.txHAjx 我们采用流式下载思路:ossClient.getObject()获取到文件再用输入流获取ossObject.getObjectContent(),再利用输入流写入到字节流中, 关闭输入输出流,

Thumbnails 压缩图片上传阿里云服务器所遇到的问题

InputStream inputStream = null; inputStream = frontFile.getInputStream();BufferedImage bufImg = Thumbnails.of(inputStream).scale(0.2f).asBufferedImage();ByteArrayOutputStream os = new ByteArrayOutputStream();String frontFileName = frontFile.getOrigin