欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

兼容IE和FF的图片上传前预览js代码_javascript技巧

程序员文章站 2022-04-17 21:41:31
...
效果图如下:
兼容IE和FF的图片上传前预览js代码_javascript技巧
代码如下:
复制代码 代码如下:





本地图片预览

";
}
}
function clacImgZoomParam( maxWidth, maxHeight, width, height ){
var param = {top:0, left:0, width:width, height:height};
if( width>maxWidth || height>maxHeight )
{
rateWidth = width / maxWidth;
rateHeight = height / maxHeight;

if( rateWidth > rateHeight )
{
param.width = maxWidth;
param.height = Math.round(height / rateWidth);
}else
{
param.width = Math.round(width / rateHeight);
param.height = maxHeight;
}
}

param.left = Math.round((maxWidth - param.width) / 2);
param.top = Math.round((maxHeight - param.height) / 2);
return param;
}




兼容IE和FF的图片上传前预览js代码_javascript技巧






相关标签: 上传前 预览