js 中，已知图片路径，怎么获取图片的大小，不是宽高，是大小（多少k那种）_框架

<html>

<head>

</head>

<body>

</body>

function getFileSize(){ var file = documentgetElementById("fs"); var size = filefiles[0]size;

alert(size);

} </script>

</html>

<!doctype html>

<html>

<head>

{margin: 0;padding:0;}

</style>

</head>

<body>

var flag = true;//状态true为正常的状态,false为放大的状态

var imga = documentgetElementsByName("a")[0];//元素

var imgb = documentgetElementsByName("b")[0];//元素

var imgc = documentgetElementsByName("c")[0];//元素

imgbonclick = function(){

imgastyletransform="scale("+(flag11:1)+")";

flag=!flag;

}

imgconclick = function(){

imgastyletransform="scale("+(flag09:1)+")";

flag=!flag;

}

</script>

</body>

</html>

方法一：获取的宽高。可以用offsetWidth和offsetHeight;

方法二：

你先获取img标签标签元素。用getElementById()或者getElementsByClassName或者getElementsByTagName()都可以。

获取之后，如果你的img有width和height 属性，可以直接用img元素对象点属性

documentgetElementsByTagName("img")[0]width;

documentgetElementsByTagName("img")[0]height;

3如果img元素本身没有width和height属性。你可以获取img元素的style样式

function getStyle(obj,attr){

return objcurrentStyleobjcurrentStyle[attr]:getComputedStyle(obj)[attr];

｝；

obj是你的img标签对象，attr是你的想要获取的属性；

currentStyle支持IE低版本浏览器，

getComputedStyle支持主流浏览器

用ajax请求，然后从response header中读取：

var xhr = new XML>

<style>

frame_all{

padding:5px 5px 0px;

display:block;

float:left; /这里让div飘了/

background-color:red;}

frame_img{

background-color:blue;}

frame_title{}

frame_title span{

font-size:14px;

line-height:23px;

font-weight:bold;

color:white;

display:block;

text-align:center;

margin:0 auto;}

</style>

</div>

</div>

想让div自动适应宽度就直接飘（float）就好了，但是飘理解的不深刻就会飘乱了。

内部的那个span不要设置宽度，因为它本来就不固定。

你可以把代码贴出来，我给你改改。这段代码你看看对你有帮助没

以上就是关于js 中，已知图片路径，怎么获取图片的大小，不是宽高，是大小（多少k那种）全部的内容，包括:js 中，已知图片路径，怎么获取图片的大小，不是宽高，是大小（多少k那种）、js 按钮+图片放大/缩小现在是以图片a 的左上角为中心放大的如何改成以图片的正中心放大缩小、如何在JS中获取图片的像素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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

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

发表评论

评论列表（0条）