jQuery多图压缩上传

所属分类:输入-上传

 56191  409  查看评论 (74)
分享到微信朋友圈
X
jQuery多图压缩上传 ie兼容9
var picArr = new Array(); // 存储图片
$('input:file').localResizeIMG({
    width: 800, // 宽度
    quality: 0.5, // 压缩参数 1 不压缩 越小清晰度越低
    success: function(result) {
        var img = new Image();
        img.src = result.base64;
        var _str = "<span class='pic_look' style='background-image: url(" + img.src + ")'><em id='delete_pic'>-</em></span>"
        $('#chose_pic_btn').before(_str);
        var _i = picArr.length
        picArr[_i] = result.base64;
        // picArr[_i] = _i;
        console.log(picArr)
    }
});
相关插件-上传

基于amazeui头像上传

基于amazeui框架,设计的头像上传插件
  上传
 69336  486

zyupload四种不同的上传PHP版

PHP支持拖拽和裁剪的一款上传插件:zyupload。在js里面可以自定义高度和宽度,类型,远程上传地址等。
  上传
 90940  400

jQuery图片上传,带剪切功能

jQuery图片上传,适用移动端,带剪切功能,支持手势调节图片大小
  上传
 38939  337

jQuery多图压缩上传

前端对图片的压缩、可以选择多张、可以预览、还可以删除
  上传
 56192  409

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

    逆时针の风 0
    2022/12/13 21:49:25
    南拥?? 0
    2022/11/28 9:57:01
    大佬,可以连续选择多张图片吗 怎么改 回复
    南拥?? 0
    2022/11/28 9:52:48
    可以直接选择多张图一起吗 回复
    ※ 等一人心╂ 0
    2021/11/10 14:34:50
    大佬,我想问一下就是能压缩完后的图片是正方形的吗
    回复
    ?冻~`维C 0
    2020/10/12 22:15:54
    移动端用起来咋样? 回复
    网站建设-罗湘江 0
    2020/5/9 14:38:53
    手机上传图片旋转的问题怎样处理,获得图片后就转变成base64 回复
    幽光 0
    2020/3/1 22:44:11
    IE9报错了,localResizeIMG.js 无法获取未定义或 null 引用的属性“0” ;var file=this.files[0]; 回复
    魅影 0
    2019/12/13 16:11:52
    请问怎么根据拍照的方向不同而旋转 回复
    魅影 0
    2019/12/13 15:17:55
    拍照旋转的话怎么去调还 回复
    繁华落寞 0
    2019/11/11 9:20:37
    请问怎么判断上传图片的大小?
        areyouOk0
        2019/11/11 9:26:23

        自己加一个判断,方法查看

        http://www.jq22.com/web-skill43
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复