已解決430363個問題，去搜搜看，總會有你想問的

如何限定上傳圖片的尺寸？小了就拉伸，大了就壓縮。

關注

首頁猿問如何限定上傳圖片的尺寸？小了就拉伸...

如何限定上傳圖片的尺寸？小了就拉伸，大了就壓縮。

JavaScript

月關寶盒 2018-07-19 13:15:33

前端上傳圖片，但是要限制圖片大小，要求是：800*600，如果小了，那就拉伸；大了，就壓縮。要實現這個，是把該功能放到前端用js，還是后端java處理呢？放在哪里處理會好些？以及具體操作，感謝。

查看完整描述

1 回答

慕仙森

TA貢獻1827條經驗獲得超8個贊

可以放到前端用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;
}

反對回復 2018-08-01

1 回答
0 關注
788 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何限定上傳圖片的尺寸？小了就拉伸，大了就壓縮。

如何限定上傳圖片的尺寸？小了就拉伸，大了就壓縮。

1 回答

添加回答

如何限定上傳圖片的尺寸？小了就拉伸，大了就壓縮。

如何限定上傳圖片的尺寸？小了就拉伸，大了就壓縮。