js 中,已知图片路径,怎么获取图片的大小,不是宽高,是大小(多少k那种)

js 中,已知图片路径,怎么获取图片的大小,不是宽高,是大小(多少k那种),第1张

<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 图片的宽为可视窗口的宽 等比缩放如何计算出图片的高等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9735325.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存