js实现缩略图

2019独角兽企业重金招聘Python工程师标准>>>

// cover
$('.cover').change(function(e){
	var reader = new FileReader();
	var files = e.target.files;
	reader.readAsDataURL(files[0]);
	reader.onload = function (e) {
		//begin test 缩图
		var canvas = document.createElement("canvas");
		var ctx = canvas.getContext("2d");
		var image = new Image();
		image.src = this.result;
		image.onload = function () {
			var maxw = 800;
			var maxh = 800;
			var cprate = 1;
			var cw = image.width;
			var ch = image.height;
			var w = image.width;
			var h = image.height;
			canvas.width = w;
			canvas.height = h;
			if (cw > maxw && cw > ch) {
				w = maxw;
				h = (maxw * ch) / cw;
				canvas.width = w;
				canvas.height = h;
			}
			if (ch > maxh && ch > cw) {
				h = maxh;
				w = (maxh * cw) / ch;
				canvas.width = w;
				canvas.height = h;

			}
			ctx.drawImage(image, 0, 0, w, h);
			console.log(canvas.toDataURL("image/jpeg", cprate));
		}
		//end  缩图
	};
})

 

转载于:https://my.oschina.net/colinadmin/blog/1555535