• html5压缩图片并上传


    手机端图片有很大的,上传的时候很慢,这时候就要压缩一下了,有一个开源的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, {
                 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 = "<img width='98%' onclick='javascript:$(this).remove();' class='spic' title='{0}' src='{1}'>";
                            $("#addspic").before(sImageStr.format(data.id, src));
                        }
                        if ("addbpic" == type) {
                            var bImageStr = "<img width='98%' id='bpic' title='{0}' src='{1}'/>";
                            $("#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");
                    });
                }
            });
        }
  • 相关阅读:
    4.结构化机器学习项目
    九、LaTex中的浮动体
    第二章 决策树
    菜鸟教程C++(一)
    12月月计划与周计划
    目标检测常见错误
    Tensorflow object detection API(1)---环境搭建与测试
    爬取今日头条街拍美图
    BS4库详解
    requests库详解
  • 原文地址:https://www.cnblogs.com/tylerdonet/p/4681070.html
Copyright © 2020-2023  润新知