js常用插件(七)之conversion压缩图片(不改变图片尺寸大小)

js常用插件之conversion压缩图片(重点：不改变尺寸大小)

欢迎点击: 个人官网博客

图片压缩只是他的一种功能,更多可以查看官方文档

重点：压缩体积并且图片尺寸大小是不变的

用法很简单：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./conversion.js"></script>
</head><body><a href="https://github.com/WangYuLue/image-conversion">文档</a><input id="demo" type="file" onchange="view()"><button id="a">按钮</button><img id="img" src="" alt="">
</body>
<script>let datafunction view() {const file = document.getElementById('demo').files[0];//200为kbconsole.log('压缩前=>',file)imageConversion.compressAccurately(file, 20).then(res => {console.log('压缩后=>',res)var file = new File([res], 'filename', {type: res.type,lastModified: Date.now()});console.log('压缩=>',file)data = file})}document.querySelector('#a').onclick = async function () {document.querySelector('#img').setAttribute('src', await imageConversion.filetoDataURL(data))}
</script></html>

压缩后效果：
重点：并且图片尺寸大小是不变的

js常用插件(七)之conversion压缩图片(不改变图片尺寸大小)相关推荐

js常用插件(三)之html2canvas生成海报
js常用插件之html2canvas截图生成海报欢迎点击: 个人官网博客先引用cdn或自己下载下来 <script src="https://cdn.bootcdn.net/aja ...
js常用插件(九)之移动端翻书效果turn.js
js常用插件之turn.js-modernizr翻书效果欢迎点击: 个人官网博客首先引入必要的三个文件 <link rel="stylesheet" href=" ...
js常用插件(二)之移动端手势利器hammer单双指操作
js常用插件之hammer单双指操作欢迎点击: 个人官网博客移动端手势利器: 先引用cdn或自己下载下来 <script src="https://cdn.bootcdn.net/ ...
压缩图片和改变图片图形
压缩图片和改变图片图形 GitHub网址:https://github.com/qianshao1030/BitmapDemo 包名:compile 'jp.wasabeef:glide-transf ...
VC2010“添加资源-引入JPG图片”会改变图片大小
结论: 通过VC2010添加JPG图片(添加资源->引入jpg图片)会改变图片大小. 本身只是为了想给对话框添加一个背景图片,试了下bmp的,都没有问题. 为了测试下是否可以加载(用LoadIm ...
在Flash MX中实现自由拖动图片和改变图片
在Authorware中实现拖动图片及改变图片的大小,这对于交互型的课件是非常重要的.那么,在Flash中可不可以实现以上的功能呢?答案是肯定的,Flash凭借强大的ActionScript脚本语言, ...
用Photoshop批量修改图片的分辨率和尺寸大小
转自:https://jingyan.baidu.com/article/ff411625b1b91a12e482370c.html 假设你有很多很多张图片需要调整分辨率和尺寸大小,再假设要求每张图片 ...
javascript功能插件大集合前端常用插件 js常用插件
包管理器管理着 JavaScript 库,并提供读取和打包它们的工具. npm:npm 是 JavaScript 的包管理器.官网 Bower:一个 web 应用的包管理器.官网 component ...
Java实现图片压缩且不改变原图尺寸
最近工作中涉及图片压缩相关的操作,需求如下: 大于2MB的图片需要压缩到2MB以下,且不改变原图的尺寸引入依赖: <dependency><groupId>net.coobi ...

js常用插件(七)之conversion压缩图片(不改变图片尺寸大小)

js常用插件之conversion压缩图片(重点：不改变尺寸大小)

js常用插件(七)之conversion压缩图片(不改变图片尺寸大小)相关推荐

最新文章

热门文章