js图片宽高等比例压缩

var bili = 0.7;//压缩后的图片尺寸,0.7就是70%
var quality = 0.7;//压缩后图片的质量,数字越小图片越模糊$(function () {$("#file").on('change',function () {//文件改变时,获取文件,并转化为base64字符串var file = this.files[0]var ready = new FileReader()ready.readAsDataURL(file);ready.onload = function (e) {var base64Img = e.target.result;// console.log(base64Img)$("#pre").attr("src",base64Img)compress(base64Img)//执行压缩}})
})function compress(base64Img) {var img = new Image();//创建一个空白图片对象img.src = base64Img;//图片对象添加图片地址img.onload = function () {//图片地址加载完后执行操作var newWidth = img.width*bili;//压缩后图片的宽度var newHeight = img.height*bili;//压缩后图片的高度//开始画压缩图var canvas = document.createElement("canvas");var ctx = canvas.getContext("2d");canvas.width = newWidth;//压缩图的宽度canvas.height = newHeight;//压缩图的高度ctx.drawImage(img,0,0,newWidth,newHeight);var newBase64 = canvas.toDataURL("image/jpeg",quality);//压缩后预览$("#next").attr("src",newBase64);//添加压缩后属性$("#compressFile").val(newBase64);}
}

js图片宽高等比例压缩相关推荐

java上传并压缩图片（等比例压缩或者原尺寸压缩）
先看效果: 原图:1.33M 处理后:27.4kb 关键代码; package codeGenerate.util;import java.awt.Color; import java.awt.Gra ...
java等比压缩图片_java上传并压缩图片（等比例压缩或者原尺寸压缩）
先看效果: 原图:1.33M 处理后:27.4kb 关键代码; package codeGenerate.util; import java.awt.Color; import java.awt.Gr ...
【前端大屏实战1】Vue+Echarts -- 大屏简介初体验 =＞大屏自适应缩放解决方案 =＞使用transform:scale =＞组件化抽离ScaleBox=＞【两分钟实现大屏宽高等比例】
如果累了就冬眠吧,如果睡不着,就接纳暂时的失眠,不强迫自己入睡. 目录一.大屏简介 1.数据可视化 2.大屏用途 3.大屏效果展示二.大屏需求分类 1.固定尺寸的"真实"大屏 ...
安卓中两种压缩图片详解(比例压缩与质量压缩)
在提图片压缩之前,我先总结下图片的三种常见格式:JPEG,JPG,PNG Jpeg格式与jpg格式相似,经常在拷相片的时候看到得,但我们制作图片的时候一般是保存jpg,该种图片格式是文件相对jp ...
java无损压缩图片以及按照比例压缩图片
需求: 有一个列表加载封面图片 , 只做一个封面显示 , 无实际观察意义,但是图片的原图很大 , 造成资源加载浪费,所以按照比例压缩文件 import com.sun.image.codec.jpeg ...
对上传的图片进行等比例压缩
/*** 修改系统Logo* @param file* @param systemBasicConfigurationDTO*/@PutMapping(value = "/updateSys ...
iOS根据屏幕的宽高等比压缩图片
/*** 上传原图** @param image 传过来的图片** @return 返回的图片*/ - (UIImage*)imageCompressWithSimple:(UIImage*)imag ...
【数字图像处理】Python使用PIL库压缩图片大小——按比例压缩
方法网上的都是按照固定的图像大小来进行压缩,本文给出按照比例来压缩的方法--智能压缩: from PIL import Imageinfile = 'cxq1.jpg' outfile = 'cxq ...
java压缩图片比例quality_Java实现的上传并压缩图片功能【可等比例压缩或原尺寸压缩】...
本文实例讲述了java实现的上传并压缩图片功能.分享给大家供大家参考,具体如下: 先看效果: 原图:1.33M 处理后:27.4kb 关键代码: package codeGenerate.util; ...

js图片宽高等比例压缩

js图片宽高等比例压缩相关推荐

最新文章

热门文章