博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
文件上传前压缩图片尺寸大小,支持安卓微信APP浏览器
阅读量:6591 次
发布时间:2019-06-24

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

function ImageFileResize(file, maxWidth, maxHeight, callback) {        var Img = new Image;        var canvas = document.createElement('canvas');        var ctx = canvas.getContext('2d');        Img.onload = function() {            if (Img.width>maxWidth || Img.height>maxHeight) {                var bili = Math.max(Img.width/maxWidth, Img.height/maxHeight);                canvas.width = Img.width/bili;                canvas.height = Img.height/bili;            }else{                canvas.width = Img.width;                canvas.height = Img.height;            }            ctx.drawImage(Img, 0, 0, Img.width, Img.height, 0, 0, canvas.width, canvas.height);//            $('body').append(canvas);            callback(canvas.toDataURL());        };        try{            Img.src = window.URL.createObjectURL(file);        }catch(err){            try{                Img.src = window.webkitURL.createObjectURL(file);            }catch(err){                alert(err.message);            }        }    }    $('.js-uploader').on('click', function () {        var $clickObj = $(this);        var $fileInput = $('');        $fileInput.on('change',function () {            $clickObj.text('正在上传...');            ImageFileResize($fileInput[0].files[0], 800, 800, function (dataUrl) {                $.ajax({                    type: "POST",                    url: "
createMobileUrl('Upload')?>", data: {imgDatUrl:dataUrl}, success : function (ret) { $clickObj.prev().remove(); $clickObj.before(" "); $clickObj.next().val(ret.path); $clickObj.text('重新上传'); }, dataType : "json" }); }); }); $fileInput.click(); });

转载地址:http://nyuio.baihongyu.com/

你可能感兴趣的文章
mongodb group包(最具体的、最受欢迎、最容易理解的解释)
查看>>
pyimage search研究
查看>>
Windows2003 + IIS6 安装.Net FrameWork 4.0 兼容早期版本的测试
查看>>
大二实习使用的技术汇总(下)
查看>>
【转】python中常用第三方包os sys
查看>>
[算法][递归] 整数划分 种类数
查看>>
关于css打包后过大的问题
查看>>
[ JavaScript ] 数据结构与算法 —— 队列
查看>>
angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的?
查看>>
centos nginx下配置免费https
查看>>
Cookie&Session、LocalStorage&SessionStorage、HTTP缓存
查看>>
微信小程序自定义弹窗插件|showModel模态弹窗|Toast提示
查看>>
前端常见知识点汇总(面试)-HTML和CSS部分
查看>>
区块链编程初学者入门指南
查看>>
SQL经典实例(附录)窗口函数
查看>>
16年做了8个岗位,我的阿里故事刚刚开始
查看>>
NestJs简明教程
查看>>
《Redis 设计与实现》读书笔记-Redis 对象
查看>>
Python线程专题9:线程终止与挂起、实用工具函数
查看>>
「译」Liftoff:V8 引擎中全新的 WebAssembly baseline 编译器
查看>>