
<html>
<head>
<script type="text/javascript" src="jqueryjs"></script>
</head>
<body>
<input type="file" id="fs" onchange="getFileSize()"/>
</body>
<script type="text/javascript">
function getFileSize(){ var file = documentgetElementById("fs"); var size = filefiles[0]size;
alert(size);
} </script>
</html>
HTML:
<div class="test_w"><img src="images/01jpg" /></div>
JQuery:
$("test_w img")click(function(){
alert($(this)width());
})
为了测试我直接用click动作看能否取得宽度,测试可以得到正常的宽度。
另外,要是程序从后台读取的话,建议把JQuery代码放到内容后面,取不到宽高大小可能是JQ运行了,但内容里没有产生的。
希望我的回答对你有帮助。
代码如下:
$(document)ready(function(){// 先取得原大小,加载时获取
$("#IMG")load(function(){
_imgW = thiswidth;
_imgH = thisheight;
// alert(_imgW);
// alert(_imgH);
ImgResize();
});
});
function ImgResize(){
// 再取得可视窗口的宽
var WT = $(window)width();
// 按照宽高比算出调整后的高度
var resizeH = (WT _imgH) / _imgW;
// 将新的尺寸赋予
$("#IMG")css({width:WT,height:resizeH});
}
// 浏览器调整窗口大小时重新计算
$(window)resize(function(){
ImgResize()
});
以上就是关于js 中,已知图片路径,怎么获取图片的大小,不是宽高,是大小(多少k那种)全部的内容,包括:js 中,已知图片路径,怎么获取图片的大小,不是宽高,是大小(多少k那种)、怎样用JQuery改变已经加载完毕并显示在页面上的图片的大小、jquery 图片的宽为可视窗口的宽 等比缩放如何计算出图片的高等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)