如何限定上传图片的尺寸？小了就拉伸，大了就压缩。

Question

前端上传图片，但是要限制图片大小，要求是：800*600，如果小了，那就拉伸；大了，就压缩。要实现这个，是把该功能放到前端用js，还是后端java处理呢？放在哪里处理会好些？以及具体操作，感谢。

Answer 1

可以放到前端用js处理 但是最好还是在后端判断下大小以免有人搞事
用h5的canvas可以重新绘制图片 各大主流的浏览器都是支持的【不考虑老古董
随手捏了个函数 可以返回一个大小为800*600的和递进来img内容一样的image对象

 function changImgSizeTo800x600(img){
    var canvas=document.createElement("canvas"),
        ctx=canvas.getContext("2d");
    canvas.width=800;
    canvas.height=600;
    ctx.drawImage(img,0,0,img.width,img.height,0,0,800,600);
    var outImg=new Image();
    outImg.src=canvas.toDataURL();
    return outImg;
}