UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

js图片压缩插件

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

 31782  357  查看评论 (16)
分享到微信朋友圈
X
js图片压缩插件 ie兼容12
 查看演示  立即下载

注：不支持IE浏览器

1
2
3
4
5
6
7
8
9
10
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的。
  图像
 47839  362

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

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

简单实用的jQuery放大镜插件(原创)

 简单实用的jQuery放大镜插件，可通过鼠标滚轮改变倍数
  图像
 20572  295

jQuery图片裁剪插件Cropper.js

 功能非常强大的图片裁剪插件Cropper.js
  图像
 36288  353

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

    rywfdn 0
    2022/2/17 13:51:00
    多图压缩，源码改哪里😵 回复
    Ｍｒ.? 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 jQ币
        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
        也可以不压缩质量，压缩长宽
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复