首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS 图片压缩

前言 说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传,...文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套 JS 实现的图片压缩代码呢?...压缩思路 涉及到 JS图片压缩,我的想法是需要用到 Canvas 的绘图能力,通过调整图片的分辨率或者绘图质量来达到图片压缩的效果,实现思路如下: 获取上传 Input 中的图片对象 File 将图片转换成...', this.fileName); a.click(); } }, } }; 上面的代码是可以直接拿来看效果的,不喜欢用 Vue 的也可以代码稍微调整一下...this.compressImg; a.setAttribute('download', this.fileName); a.click(); } } 将之前 canvas 生成的 base64 数据拆分

25.7K21

文件隐藏在图片

这时候我们可以选择文件放在网盘,但这毕竟需要网络。 不过,我们可以通过Windows自带的功能,文件隐藏在图片中。是不是有一种大隐隐于市的感觉。...必要工作/材料 1、压缩工具 这里我用的360压缩:http://yasuo.360.cn/ 下载之后安装即可 2、准备一张图片 ?...我们这个test.txt压缩一下 ?...这时候就会发现目录中多了一个图片:baidu_logo_x.png,我们的test.txt已经成功的在该图片中隐藏了一份儿。 ? 从缩略图中可以看到,这个图片是可以被正常预览的 ?...我们可以在详细信息中看到,隐藏了文件后的图片会更大一些 3、查看被隐藏的文件 我们选中图片:baidu_logo_x.png,通过鼠标右键菜单->重命名,或者快捷键F2,将文件名修改为baidu_logo_x.rar

1.4K20

如何处理图片反光?如何图片变成黑白?

所以一些基础而简单的图片处理技巧也是很多人的拿手强项,如何处理图片反光现象呢?这也是一个经常遇到的图片问题,现在来看一看如何处理图片反光。 如何处理图片反光?...反光的那一部分降低明度提高对比度,或者使用更复杂一些的新建图层以及色接通道的建立。通过对数值的设置和变化,将图片的反光部分进行一个中和的调整。调好之后再将整体图片的色阶和明度调整一下。...如何图片变成黑白? 上面了解了如何处理图片反光的做法,那么如果有需要的话,如何一张图片变成黑白色呢?...不过在给图片去色之后,也要注意再调整一下清晰度和对比度,这样能够让黑白图片看起来更加的清新好看。 以上就是如何处理图片反光的相关内容。...图片反光会导致整张图片看起来颜色比较不自然,因此经过专业的处理之后,图片的光彩会更加的协调,美观度会更好。

2.8K20

js拖拽上传图片

有时候,在开发中,需要遇到拖拽上传图片的需求,即从磁盘选中一张或多张图片,然后按着鼠标图片拖动到页面上指定的区域,实现图片的上传。...1、后端上传图片的接口 我是之前用vue写一个简单的后台系统的时候,用Java的SpringMVC+MyBatis的框架写了一个简单的后台管理的一些接口,刚好有一个上传用户头像的接口,该接口是上传后的图片存储在另外一台...Tomcat下,这里就直接使用这个接口来上传图片。...ie=edge"> Document <script src="https://cdn.bootcss.com/jquery/1.12.0/jquery.<em>js</em>...里面用的formData对象来上传<em>图片</em>的,该对象的作用是:   1、用一些键值对来模拟一系列表单控件,即把form中所有表单元素的name与value组装成一个queryString;   2、异步上传二进制文件

18.1K30

js-灵活可拆分的职责链模式

根据职责链模式的原则,当第一个接收者对象无法处理请求时,则请求交给下一个接收者对象。...// A节点的下一节设置为B chainB.setNextSuccessor(chainC) // B节点的下一节设置为C // 现在这个链条就是 chainA-chainB-chainC // ...可能有人会说,上面写这么多,不如直接 if-else 一梭更方便。...接下来 orderType、pay、stock 这 3 个字段当作参数传递给 500 元订单函数,如果该函数不符合处理条件,则这个请求传递给后面的 200 元订单函数,如果 200 元订单函数依然不能处理该请求...可以想象,异步的职责链加上命令模式( ajax 请求封装成命令对象),我们可以很方便地创建一个异步 ajax 队列库。

94030
领券