关于JS获取图图片长宽的问题，在Chrome下总是为0_框架

假如在页面有一个img标签： <img src="hyzqjpg" id="test_img" />

编写代码：

var img = documentgetElementById("test_img");

alert(imgoffsetWidth+","+imgoffsetHeight);

打印出来就是的宽度和高度。你可以试一下，Chrome绝对可以。

一般来说，实现的放大缩小功能都用到了比较大的封装插件，特别是以jQuery插件居多，而实际上单纯实现对原图本身的放大缩小，用简单几行原生JS代码就可以做到。在今天分享的这个实例中，点击放大按钮不松鼠标，会不断的逐渐放大，当然也可以点一下放大一点，点击缩小按钮则反之，有需要的朋友可以考虑收藏备用哦

以下为全部代码：

<html>

<head>

<meta >

function getWH(){

var id="_img";

var w=0;

var h=0;

// 具有较好的通用性

var real= documentgetElementById(id)height || documentgetElementById(id)styleheight || documentgetElementById(id)offsetHeight;

h=parseInt(real);

real= documentgetElementById(id)width || documentgetElementById(id)stylewidth || documentgetElementById(id)offsetWidth;

w=parseInt(real);

alert("w:"+w+" ; h:"+h)

}

getWH();

</script>

你不如判断控制的CSS类或ID好过？不同在什么CSS情况下才显示。

补充：

试试这句，网上找的。

function getFileSize(o) {

x = windowXML>

这样设置的：

1、先用form标签创建一个上传的表单。

</form>

2、用Javascript设置格式和大小。

||aa[aalength-1]=='png'||aa[aalength-1]=='jpeg')//判断格式 {var imagSize = documentgetElementById("userfile")files[0]size;alert("大小："+imagSize+"B")if(imagSize<102410241) alert("大小在1M以内，为："+imagSize/(10241024)+"M"); return true; } else { alert('请选择格式为jpg、gif、bmp、png、jpeg 的');// return false; } } } </script>

超过1M则不能上传如图：

以上就是关于关于JS获取图图片长宽的问题，在Chrome下总是为0全部的内容，包括:关于JS获取图图片长宽的问题，在Chrome下总是为0、怎么用js实现图片的缩小、谷歌浏览器里用js怎么获取图片的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

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

原文地址: http://outofmemory.cn/web/9726710.html

关于JS获取图图片长宽的问题，在Chrome下总是为0

发表评论

评论列表（0条）