jQuery多图压缩上传

所属分类:输入-上传

 56183  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)
    }
});
相关插件-上传

pc端图片批量上传,可拖动图片交换位置

jQuery可批量上传图片 可以拖动交换位置 可删除
  上传
 62443  459

jQuery图片上传预览带压缩功能

基于jquery 的canvas压缩图片上传到服务器并在前端展示
  上传
 46059  325

支持IE8的多文件、多图异步上传并能预览的插件

该插件是基于百度webuploader的一个插件,支持IE8,可以上传任何文件,上传图片可以预览,异步上传,使用非常方便
  上传
 63735  361

基于HTML5的jquery文件上传插件

这个插件是照着uploadify的api文档写的
  上传
 290786  624

讨论这个项目(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
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复