视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
php和js对数据库图片进行等比缩放示例_javascript技巧
2020-11-27 21:22:13 责编:小采
文档
 JS 对某图片的等比缩放

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



最新javascript自动按比例显示图片,按比例压缩图片显示

function AutoResizeImage(maxWidth,maxHeight,objImg){
var img = new Image();
img.src = objImg.src;
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width;
var h = img.height;
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth ==0 && maxHeight==0){
Ratio = 1;
}else if (maxWidth==0){//
if (hRatio<1) Ratio = hRatio;
}else if (maxHeight==0){
if (wRatio<1) Ratio = wRatio;
}else if (wRatio<1 || hRatio<1){
Ratio = (wRatio<=hRatio?wRatio:hRatio);
}
if (Ratio<1){
w = w * Ratio;
h = h * Ratio;
}
objImg.height = h;
objImg.width = w;
}





原图显示(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("/Uploads//Uploads//Uploads/./img/IMG_20140424_200722.jpg");

下载本文
显示全文
专题