首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS 图片压缩

前言 说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传,...文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套 JS 实现的图片压缩代码呢?...压缩思路 涉及到 JS 的图片压缩,我的想法是需要用到 Canvas 的绘图能力,通过调整图片的分辨率或者绘图质量来达到图片压缩的效果,实现思路如下: 获取上传 Input 中的图片对象 File 将图片转换成...window.atob(encodedStr) encodedStr 必需,是一个通过 btoa() 方法编码的字符串,btoa() 是 base64 编码的使用方法。...// 构造函数允许通过其它对象创建 Blob 对象 new Blob([obj],{type:createType}) obj 字符串内容 createType 要构造的类型 兼容性 IE 10 以上

25.8K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS 压缩混淆

    概念介绍 昨天接到了一个任务,H5  app 的JS CSS 需要压缩,混淆。 然后怎么办呢?...首先理解下压缩混淆是指什么 压缩 compress: 去掉空格,换行,注释等,格式紧凑,节约存储空间。 混淆 obfuscate/garble:替换变量名或方法名,让js不容易看懂。...百度一下js压缩,混淆会搜到一堆在线混淆加密的网页,但是这些都不是你想要的。...UglifyJS简介 UglifyJs 是一个js 解释器、最小化器、压缩器、美化器工具集(parser, minifier, compressor or beautifier toolkit)。...假如你不要输入文件,而是要输入字符串(STDIN),那就把文件名换成一个横线(-) 如果你想要把选项写在文件名的前面,那要在二者之前加上双横线,防止文件名被当成了选项: uglifyjs --compress

    14.9K20

    字符串压缩

    本文链接:https://blog.csdn.net/weixin_42449444/article/details/94155328 题目描述: 对字符串进行RLE压缩,将相邻的相同字符,用计数值和字符值来代替...输入描述: 输入为a-z,A-Z的字符串,且字符串不为空,如aaabccccccddeee 输出描述: 压缩后的字符串,如3a1b6c2d3e。...输入样例: aaabccccccdd 输出样例: 3a1b6c2d 解题思路: 快手19年校招笔试题,额 这题和小红书19年校招题 字符串压缩算法很相似,这道题在刷PAT乙级的时候有写到过类似的题:【PAT...乙级】字符串压缩与解压。...题中所说的字符串压缩其实就是无脑遍历字符串,将字符串中的重复部分进行替换。将一个重复出现的字符子串替换成(某个字符重复出现的次数 + 该重复字符)。

    1.7K20

    Java压缩压缩字符串

    Java使用压缩库为常规压缩提供了Deflater类。...它还提供了DeflaterOutputStream,它使用Deflater类通过压缩压缩)数据流,然后将压缩后的数据写入另一个输出流来过滤数据流。.../** * 压缩字符串,默认梳utf-8 * * @param text * @return */ public static String zipBase64...5615616119688refdaf888888888888888865555555555555511111111111111111111111119999999999999999999999999999999911111111111111111111333333333333333333 INFO-> 60 145 测试用例 用的是spock测试框架,这里用来验证一下,压缩后的字符串压缩前的长短...网上看一些资料,主要还是用来压缩文件的,有的看着效果还不错,不过让我想起来一个梗:压缩完的文件大小大于压缩前。

    7.8K40

    使用uglifyjs压缩js

    在做的web项目上线时,我们需要对js文件进行压缩,以减小文件的体积,加快加载速度,提高响应时间。下面我来介绍一个js压缩工具:uglifyjs。...最简单的使用方式: uglifyjs main.js -o main-min.js -c 下面是一些压缩时常用的参数 一些常用的参数列表 -o,--output 指定输出文件,默认情况下为命令行...懒人有懒法,花了点功夫,折腾了一个批处理文件,以后,想要压缩JS,只要双击运行这个.bat文件就可以了!...完整代码如下: @echo off :: 设置压缩JS文件的根目录,脚本会自动按树层次查找和压缩所有的JS SET JSFOLDER=C:\Users\Administrator\Desktop\formini...然后双击就可以批量使用uglifyjs压缩JS文件啦! 注意:uglifyjs不支持ES6

    5.7K20

    字符串压缩算法

    本文链接:https://blog.csdn.net/weixin_42449444/article/details/94060471 题目描述: 输入一串字符,请编写一个字符串压缩程序,将字符串中连续出现的重复字母进行压缩...,并输出压缩后的字符串。...例如: aac 压缩为 1ac xxxxyyyyyyzbbb 压缩为 3x5yz2b 输入描述: 任意长度字符串 输出描述: 压缩后的字符串 输入样例: xxxxyyyyyyzbbb 输出样例: 3x5yz2b...解题思路: 小红书19年校招题,这道题在刷PAT乙级的时候有写到过类似的题:【PAT乙级】字符串压缩与解压。...题中所说的字符串压缩其实就是无脑遍历字符串,将字符串中的重复部分进行替换。将一个重复出现的字符子串替换成(某个字符重复出现的次数-1 + 该重复字符)。

    3.7K20

    详解 JS 压缩图片

    插播一下,本文案例已整理成插件,已上传 npm ,可通过 npm install js-image-compressor -D 安装使用,可以从 github 下载。...) 对象,上传到远程图片服务器; 不妨有时候我们也需要将一个 base64 字符串压缩之后再变为 base64 字符串传入到远程数据库或者再转成 File(Blob) 对象。...file2DataUrl(file, callback) 用户通过页面标签 上传的本地图片直接转化 data URL 字符串形式。...该实例方法 readAsDataURL 读取文件内容并转化成 base64 字符串。在读取完后,在实例属性 result 上可获取文件内容。...将改进版图片压缩整理成插件,已上传 npm ,可通过 npm install js-image-compressor -D 安装使用,可以从 github 下载。 整理匆忙,如有问题欢迎大家指正,完~

    12.7K31

    js 判断是否字符串_js字符串查找

    整理js中可以用到的判断一个字符串中是否包含另外一个字符的方法 String对象方法 1、indexOf indexOf 返回指定字符串在该字符中首次出现的位置,如果没有找到,则返回 -1 indexOf...'a',2));// -1 console.log(str.indexOf('a'))// 0 2、lastIndexOf lastIndexOf是从字符串末尾开始搜索,返回指定字符串在该字符中最后一次出现的位置...console.log(str.lastIndexOf('a',2));// 0 console.log(str.lastIndexOf('a'));// 5 3、includes includes() 方法用于判断字符串是否包含指定的子字符串...);//['a','a','a'] console.log(str.match(/z/gi));// null 5、 search seacrh方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串...如果字符串中有匹配的值返回该匹配值,否则返回 null。

    10.8K20
    领券