兼容IE和FF的图片上传前预览js代码_javascript技巧
程序员文章站
2022-04-17 21:41:31
...
效果图如下:
代码如下:
本地图片预览
";
}
}
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;
}
代码如下:
复制代码 代码如下:
}
}
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;
}
上一篇: 新手学习js应该了解什么知识?
下一篇: linux MySQL 命令的正确应用
推荐阅读
-
在页面预览客户端本地图片的js代码(兼容FF IE)
-
javascript实现的图片预览和上传功能示例【兼容IE 9】
-
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码_javascript技巧
-
兼容IE和FF的js脚本代码小结(比较常用)_javascript技巧
-
javascript实现图片预览和上传(兼容IE)代码分享
-
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)_javascript技巧
-
上传图片js判断图片尺寸和格式兼容IE_javascript技巧
-
js实现兼容IE和FF的上下层的移动_javascript技巧
-
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)_javascript技巧
-
浏览器图片选择预览、旋转、批量上传的JS代码实现_javascript技巧