一种Web端上传图片自动轻量化方法技术

本发明专利技术涉及图片压缩技术领域，具体为一种Web端上传图片自动轻量化方法，包括如下步骤：选择图片；判断选择的图片尺寸是否超标，对尺寸超标的图片缩放；判断尺寸合格的图片内存大小是否超标，对内存大小超标的图片压缩；将尺寸以及内存大小合格的图片上传；有益效果为：本发明专利技术提出的Web端上传图片自动轻量化方法，利用Web端上传图片自动轻量化方案，在用户上传图片后，自动检测判断图片大小，如果图片太大，则自动压缩图片，减小图片占用空间，以提升用户体验；方便快捷，网页中就可以实现快速压缩图片，降低图片的占用空间、传输成本；用户不用烦恼因为图片太大总是上传失败，提升用户体验。验。验。

【技术实现步骤摘要】
一种Web端上传图片自动轻量化方法


[0001]本专利技术涉及图片压缩
，具体为一种Web端上传图片自动轻量化方法。

技术介绍

[0002]在网站上，我们希望用户上传头像或其他图片，但是又不希望用户上传的图片太大，占用太多的存储空间以及传输成本。
[0003]现有技术中，经常见到的做法是给用户提示一个图片的最大值，禁止用户上传太大的图片，如果用户选择了太大的图片，则让用户重新选择。
[0004]但是，上述处理方式有两点问题：一是用户体验较差；二是很多用户并不知道如何查看图片的尺寸和占用空间。

技术实现思路

[0005]本专利技术的目的在于提供一种Web端上传图片自动轻量化方法，以解决上述
技术介绍
中提出的问题。
[0006]为实现上述目的，本专利技术提供如下技术方案：一种Web端上传图片自动轻量化方法，所述方法包括如下步骤：
[0007]选择图片；
[0008]判断选择的图片尺寸是否超标，对尺寸超标的图片缩放；
[0009]判断尺寸合格的图片内存大小是否超标，对内存大小超标的图片压缩；
[0010]将尺寸以及内存大小合格的图片上传。
[0011]优选的，用户选择本地图片并判断选择的图片尺寸是否超标。
[0012]优选的，判断选择的图片尺寸是否超标时，检测图片宽度和图片高度，图片超过限制尺寸后，进行图片缩放。
[0013]优选的，图片缩放具体操作为：
[0014]保持图片的宽高比的前提下，利用Canvas API对图片进行缩放，压缩图片的宽度和高度，使图片的宽度和高度不超过限制尺寸。
[0015]优选的，图片压缩的具体操作为：
[0016]利用Canvas API降低图片的质量，压缩图片的内存大小。
[0017]与现有技术相比，本专利技术的有益效果是：
[0018]本专利技术提出的Web端上传图片自动轻量化方法，利用Web端上传图片自动轻量化方案，在用户上传图片后，自动检测判断图片大小，如果图片太大，则自动压缩图片，减小图片占用空间，以提升用户体验；方便快捷，网页中就可以实现快速压缩图片，降低图片的占用空间、传输成本；用户不用烦恼因为图片太大总是上传失败，提升用户体验。
附图说明
[0019]图1为本专利技术方法流程图。
具体实施方式
[0020]为了使本专利技术的目的、技术方案进行清楚、完整地描述，及优点更加清楚明白，以下结合附图对本专利技术实施例进行进一步详细说明。应当理解，此处所描述的具体实施例是本专利技术一部分实施例，而不是全部的实施例，仅仅用以解释本专利技术实施例，并不用于限定本专利技术实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0021]实施例一
[0022]请参阅图1，本专利技术提供一种技术方案：一种Web端上传图片自动轻量化方法，所述方法包括如下步骤：
[0023]选择图片；
[0024]判断选择的图片尺寸是否超标，对尺寸超标的图片缩放；
[0025]判断尺寸合格的图片内存大小是否超标，对内存大小超标的图片压缩；
[0026]将尺寸以及内存大小合格的图片上传。
[0027]实施例二
[0028]在实施例一的基础上，具体实现步骤为：
[0029]a)用户选择本地图片。
[0030]b)检测图片的尺寸(宽度和高度)，如果图片超过限制尺寸，则进行步骤c,否则进行步骤d。
[0031]c)保持图片的宽高比的前提下，利用Canvas API对图片进行缩放，压缩图片的宽度和高度，使其不超过限制尺寸。然后进行步骤d。
[0032]d)检测图片的大小，如果超过限制大小，则进行步骤e，否则进行步骤f。
[0033]e)利用Canvas API降低图片的质量，压缩图片的大小。然后进行步骤f。
[0034]f)上传图片。
[0035]适用于Web端的，自动轻量化上传图片的方案。自动轻量化是指上传图片的人员不需要考虑图片的大小，该方案会检测图片大小，对太大的图片进行压缩处理，减小图片的占用空间；在网页上实现对上传图片的自动压缩，提升用户体验、降低图片的占用空间、传输成本。
[0036]尽管已经示出和描述了本专利技术的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本专利技术的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本专利技术的范围由所附权利要求及其等同物限定。
本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种Web端上传图片自动轻量化方法，其特征在于：所述方法包括如下步骤：选择图片；判断选择的图片尺寸是否超标，对尺寸超标的图片缩放；判断尺寸合格的图片内存大小是否超标，对内存大小超标的图片压缩；将尺寸以及内存大小合格的图片上传。2.根据权利要求1所述的一种Web端上传图片自动轻量化方法，其特征在于：用户选择本地图片并判断选择的图片尺寸是否超标。3.根据权利要求1所述的一种Web端上传图片自动轻量化方法，其特征在于：判断选择的图片尺寸是否超...

【专利技术属性】
技术研发人员：隋茂华，
申请(专利权)人：浪潮云信息技术股份公司，
类型：发明
国别省市：