jQuery多图压缩上传

所属分类:输入-上传

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

兼容所有浏览器的多图上传预览(原创)

兼容所有浏览器的多图上传预览兼容IE 789.在一个界面上展示到固定标签业务场景:答题添加图片匹配题目一个选项一个题目
  上传
 77362  575

上传图片-可裁剪

上传图片可裁剪
  上传
 118049  388

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

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

h5拖拽文件图片上传插件

支持拖拽上传,拖拽排序,图片压缩的简单上传插件
  上传
 70747  496

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