博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5压缩图片并上传
阅读量:7264 次
发布时间:2019-06-29

本文共 1835 字,大约阅读时间需要 6 分钟。

手机端图片有很大的,上传的时候很慢,这时候就要压缩一下了,有一个开源的js可以压缩图片的大小,开源地址如下:https://github.com/think2011/localResizeIMG3

代码如下:

// 上传图片    function uploadFile(path) {        var type = plus.storage.getItem("upload_goods_image");        //选择成功        $("#heisebg").removeClass("heisebg").addClass("heisebghid");        $("#waitingupload").removeClass("heisebghid").addClass("heisebg");        //https://github.com/think2011/localResizeIMG3        // 压缩图片        lrz(path, {            width: 500,            quality: 0.7,            done: function (results) {                $.ajax({                    type: "POST",                    url: configManager.RequstUrl + "api/common/base64upload",                    async: true,                    data: { base64: results.base64, size: results.base64.length, dir: "goods" }                }).done(function (data) {                    if (data.state != "success") { console.log(data.message); return; }                    var src = configManager.goodsImgurl.format(data.id, "") + '500-200';                    if ("addspic" == type) {                        var sImageStr = "";                        $("#addspic").before(sImageStr.format(data.id, src));                    }                    if ("addbpic" == type) {                        var bImageStr = "";                        $("#addbpic").html(bImageStr.format(data.id, src));                    }                    $("#waitingupload").removeClass("heisebg").addClass("heisebghid");                    try { myScroll.refresh(); } catch (err) { }                }).fail(function () {                    plus.nativeUI.toast("上传失败!");                    $("#waitingupload").removeClass("heisebg").addClass("heisebghid");                });            }        });    }

 

作者:

出处:
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过以下邮箱地址 联系我,非常感谢。

你可能感兴趣的文章
Apache 基金会宣布 Apache Airflow 毕业成为顶级项目
查看>>
从Web后端(Java)转到游戏服务端的感受
查看>>
设计模式(六)_观察者模式
查看>>
如何优雅地过滤敏感词
查看>>
SELinux初学者指南
查看>>
ECCV 2018 | 旷视科技包揽COCO+Mapillary四项世界第一,中国公司成最大赢家
查看>>
Shiro Ajax请求没有权限返回JSON,没有登录返回JSON
查看>>
classList属性详解
查看>>
MYSQL-锁机制
查看>>
寻找List之和的最近素数
查看>>
程序员必知必会的那些邪恶的脚本
查看>>
Go 程序的基本结构和要素
查看>>
深入理解Java中的反射机制
查看>>
Git命令速查
查看>>
Android--解包、添加文件、打包、签名
查看>>
阿里云服务器ECS操作系统的分类
查看>>
HTML5 manifest离线缓存
查看>>
iframe父子页面通讯解决方案
查看>>
hive外表和事务表
查看>>
人工智能最终将超越人类,但不是反人类
查看>>