博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
利用html5压缩图片,产出base64图片
阅读量:7106 次
发布时间:2019-06-28

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

 

/*  将页面选择的图片等比压缩成指定大小(长边固定)   file:图片文件    callBack:回调函数    maxLen:长边的长度 */ function makePic(file,callBack,maxLen){
    var url = webkitURL.createObjectURL(file);  /* 生成图片 */  var $img = new Image();  $img.src = url;  // $('body').append($img);  $img.onload = function() {    //生成比例    var width = $img.width,height = $img.height;    //计算缩放比例    var rate=1;    if(width>=height){      if(width>maxLen){        rate=maxLen/width;      }    }else{      if(height>maxLen){        rate=maxLen/height;      }   }  $img.width=width*rate;  $img.height=height*rate;  //生成canvas  var $canvas =$('#thecanvas');  var ctx = $canvas[0].getContext('2d');  $canvas.attr({width : $img.width, height : $img.height});  ctx.drawImage($img, 0, 0, $img.width, $img.height);  var base64 = $canvas[0].toDataURL('image/jpeg',0.9);  callBack(base64);//  }}$('.unPic_list input[type=file]').bind('change',function(e){  var that=this;  for(var j=0;j

转载于:https://www.cnblogs.com/liu-liang/p/4213945.html

你可能感兴趣的文章
BZOJ1026: [SCOI2009]windy数[数位DP]
查看>>
Nginx的https配置记录以及http强制跳转到https的方法梳理
查看>>
android图像处理系列之三--图片色调饱和度、色相、亮度处理
查看>>
TensorFlow学习路径【转】
查看>>
JAVA设计模式之单例模式
查看>>
Ansible@一个高效的配置管理工具--Ansible configure management--翻译(五)
查看>>
为啥百度、网易、小米都用Python?Python的用途是什么?
查看>>
Linux系统IO分析工具之iotop常用参数介绍
查看>>
软件的依赖关系:类图关系:is-a has-a use-a
查看>>
2010年美国计算机图书市场报告四:编程语言
查看>>
ME525+ MB525 android2.3.4获取ROOT权限和关闭震动(振动反馈)的方法分享
查看>>
C函数适配器
查看>>
bitrock 他家有绝活
查看>>
mysql用户管理
查看>>
IE的坏脾气——3像素Bug
查看>>
PHP+Oracle Instant Client
查看>>
Linux创建LVM
查看>>
HDU 4770 Lights Against Dudely (2013杭州赛区1001题,暴力枚举)
查看>>
[转]Javascript的匿名函数
查看>>
VirtualBox开发环境的搭建详解(转)
查看>>