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

前端上传图片,但是要限制图片大小,要求是:800*600,

如果小了,那就拉伸;大了,就压缩。

要实现这个,是把该功能放到前端用js,还是后端java处理呢?放在哪里处理会好些?

以及具体操作,感谢。


月关宝盒
浏览 761回答 1
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; }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript