js图片压缩插件

所属分类:媒体,其他-图像,杂项

 29582  357  查看评论 (16)
分享到微信朋友圈
X
js图片压缩插件 ie兼容12

注:不支持IE浏览器

let z = new zz();
z.compressPhotoUpload({
    elem: this, //必传,上传图片的input元素
    ratio: 0.5, //默认为0.1   压缩比
    maxsize: 1, //默认为1024,单位为kb    大于此值则做压缩操作
    success: (e) => { //必传,成功后的回调函数,返回的参数是图片信息(对象)
        console.log(e);
        document.querySelector("body").innerHTML = `<a href="${e.data}"  download><img id="img" src="${e.data}" width="200px"/></a>`
    }
});
相关插件-图像,杂项

canvas图片+文字合成

canvas图片+文字合成,实现照片合成效果,界面有点丑但是功能OK的。
  图像
 46059  362

基于HTML5 Canvas实现的图片马赛克模糊特效

基于HTML5 Canvas实现的图片马赛克模糊特效
  图像
 29296  306

移动端图片滤镜效果

在手机上常用到的图片滤镜效果
  图像
 28135  385

jquery.photoClip图片裁剪添加旋转 缩放按钮功能

项目上用的jquery.photoClip 插件,为了更好的用户体验 需要添加 旋转 缩放按钮功能,所以在原有的基础上添加了点功能,希望能帮助各位,写的不好 海涵!
  图像
 27829  319

讨论这个项目(16)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    rywfdn 0
    2022/2/17 13:51:00
    多图压缩,源码改哪里😵 回复
    Mr.? 0
    2021/1/11 14:46:21
    为什么越大的图片压缩的越小啊? 回复
    Opeing 0
    2019/7/20 18:18:45
    vivo 手机无法上传需要怎么解决 回复
    用代码构筑梦想! 0
    2019/7/16 9:29:07
    只质量压缩不压缩长宽可以吗 回复
    北京技术部白?龙 0
    2019/5/29 17:57:55
    可以设置压缩比吗
        西瓜0
        2019/5/30 0:34:35
        可以,注意看说明
        ratio: 0.5, //默认为0.1 压缩比
    回复
    恰似旧人归i 0
    2019/5/27 11:45:20
    0
    2018/12/25 17:59:57
    压缩之后使用ajax,form提交,无法上传服务器,form.append("file", img); img为压缩后的文件对象。这是怎么回事呢
        ― ― ― ― 0
        2019/1/1 14:09:58
        压缩后的图片为base64,后台得做个接收base64得接口
        一米阳光0
        2019/1/7 14:16:26
        from提交的时候应该提交一个base64字符串,不应该是个file吧
        ― ― ― ― 1
        2019/1/9 8:53:31
        先提交base64到后台,再返回图片位置,多张就多次,然后将图片的位置拼接给传给后台做关联
    回复
    橘子味汽水 0
    2018/12/19 19:13:26
    可以多图压缩吗,几十张一起压缩?
        ― ― ― ― 0
        2018/12/20 9:24:07
        可以,不过得改下源码,目前只有一张
    回复
    0
    2018/10/29 10:07:14
    是质量压缩吗?
        西瓜0
        2018/10/29 13:38:52
        当然了,所有图片压缩都会损失质量的
        ― ― ― ― 0
        2018/10/29 17:26:14
        也可以不压缩质量,压缩长宽
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复