zoukankan      html  css  js  c++  java
  • 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");
                    });
                }
            });
        }
  • 相关阅读:
    【转】内部Handler类引起内存泄露
    检测是否存在相机硬件代码
    asp.net 过滤器
    iis 中经典和集成模式对应webconfig节点
    事务
    C# Excel操作
    一步一步部署SSIS包图解教程
    js和.net操作Cookie遇到的问题
    File,FileInfo,Directory,DirectoryInfo
    C#文件Copy
  • 原文地址:https://www.cnblogs.com/tylerdonet/p/4681070.html
Copyright © 2011-2022 走看看