php和js對資料庫圖片進行等比縮放範例_javascript技巧

JS 對某圖片的等比縮放

代碼

複製代碼 代碼如下:

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->









原圖顯示（534 X 800）

onload="AutoResizeImage(0,0,this)




3.依高度250寬度250 比例壓縮

onload="AutoResizeImage(250,250, this)"




6.如果圖片原本的高度和寬度小於壓縮的最大高度和寬度，則不會拉大顯示圖片（按原圖顯示）

原圖444 x 207,壓縮為500 x 600,將保持原圖顯示

onload="AutoResizeImage(500,600,this)"

php對資料庫圖片的等比縮放

複製程式碼 程式碼如下:

class ImgSF{
function make_img($img_address){
/圖片的等比縮放

//因為PHP只能對資源進行操作，所以要對需要進行縮放的圖片進行拷貝，創建為新的資源
$src=imagecreatefromjpeg($img_address);

//取得來源圖片的寬度和高度
$size_src=getimagesize($img_address);
$w=$size_src['0'];
$h=$size_src['1'] ;

//指定縮放出來的最大的寬度（也有可能是高度）
$max=300;

//根據最大值為300，算出另一邊的長度，得到縮放後的圖片寬度和高度
if($w > $h){
$w=$max;
$h=$h*($max/$size_src['0'] );
}else{
$h=$max;
$w=$w*($max/$size_src['1']);
}


//宣告一個$w寬，$h高的真彩圖片資源
$image=imagecreatetruecolor($w, $h);


//關鍵​​函數，參數（目標資源，來源，目標資源的開始座標x,y, 來源資源的開始座標x,y,目標資源的寬高w,h,來源資源的寬高w,h）
imagecopyresampled($image, $src , 0, 0, 0, 0, $w, $h, $size_src['0'], $size_src['1']);

//告訴瀏覽器以圖片形式解析
header('content-type:image/png');
imagepng($image);

//銷毀資源
imagedestroy($image);
}
}
$obj=new ImgSF();
$obj->make_img("./img/IMG_20140424_200722.jpg");