直接上代码吧
var image = document.createElement("img");
image.file = file;
var reader = new FileReader();
var ret = reader.readAsDataURL(file);
reader.onload = (function(aImg){
return function(e){
var img = new Image();
img.src = e.target.result;
var canvas = document.createElement("canvas");
canvas.width="300";
canvas.height="300";
ctx = canvas.getContext("2d");
img.onload= function(){
ctx.fillRect(0,0,300,300);
ctx.drawImage(img,0,0,300,300);
var _canvas = canvas.toDataURL("image/jpeg", 0.5);
$("#index").attr("src",_canvas);
}
};
}(image));