`

JavaScript获取图片宽度和高度

 
阅读更多
<script>
function getSize(img)
{
    if(typeof(img)!='object')
        img=document.getElementById(img);
    if(img==null)
        return;
    var image=document.createElement("img");
    image.onload=function (){
        var width=this.width;
        var height=this.height;
                alert("width:"+width+" height:"+height)
    };
    image.src=img.src;
}
</script>

 

<img src="http://profile.csdn.net/dh20156/picture/2.jpg" width="1" height="1" onload="getSize(this)">

 

分享到:
评论

相关推荐

    高度,javascript判断上传图片大小,宽度,高度

    console.log('图片宽度:', img.width, '高度:', img.height); }; img.onerror = () =&gt; { alert('无法读取图片!'); }; img.src = e.target.result; }; reader.readAsDataURL(file); }); ``` 在这个示例中...

    javascript获取网页高度宽度.rar

    总结,JavaScript获取网页高度和宽度的方法多种多样,可以根据具体需求选择合适的方式。了解这些知识对于提升网页交互体验和实现动态布局至关重要。在教育领域,理解并熟练掌握这些技术可以帮助学生更好地构建动态、...

    无组件上传修改(获取上传的FLASH,图片宽度和高度)

    "风声无组件上传修改版(带获取上传的FLASH,图片宽度和高度)"是一个特别定制的上传解决方案,它不仅支持文件上传,还具备获取上传文件的元数据,如图片的宽度和高度。 这个上传系统可能基于HTML5的File API,因为...

    Javascript获取图片原始宽度和高度的方法详解

    本文将深入探讨如何有效地获取图片的原始宽度和高度,同时提供兼容不同浏览器的解决方案。 首先,我们通常会尝试使用HTML元素的内置属性来获取尺寸,例如`img`元素的`innerWidth`属性。然而,`innerWidth`并不总是...

    html5通过javascript预览图片以及获取图片属性

    获取图片属性,如宽度、高度等,可以等待图片加载完成后,通过`img`元素的`naturalWidth`和`naturalHeight`属性获取: ```javascript imgPreview.onload = function() { console.log('图片宽度:', this....

    js和jquery如何获取图片真实的宽度和高度

    1. **通过JavaScript获取图片尺寸** JavaScript原生的Image对象提供了获取图片尺寸的能力。通过创建一个Image对象,并设置其src属性为图片的URL,然后等待图片加载完成(load事件触发),我们可以获取到图片的自然...

    JavaScript获取图片的原始尺寸以宽度为例

    - 当不涉及CSS或JavaScript设置宽度时,可以通过直接访问`img`元素的`width`和`height`属性来获取图片的尺寸。例如,`img.offsetWidth`和`img.offsetHeight`会返回元素的实际渲染宽度和高度,包括边框和内边距。 2...

    js判断图片加载完成后获取图片实际宽高的方法

    在Web开发过程中,获取...以上就是使用JavaScript获取图片实际尺寸的基本方法和注意事项。通过理解这些知识点,我们可以在Web开发中更加灵活和准确地处理图片尺寸相关的问题,从而改善用户的视觉体验和页面的适应性。

    js获取图片宽高的方法

    以下是几种常见的使用JavaScript获取图片宽度和高度的方法以及相关知识点: 1. 利用Image对象的onload事件 这是最传统和常用的方法,通过创建一个新的Image对象,并为其src属性赋值图片的URL,然后监听这个对象的...

    在图片加载完毕前js获取图片长宽尺寸

    目前我们常用的获取图片实际宽度高度的方法,要么是在DOM中写入,要么就是等图片加载完毕后才开始获取,用户体验极其不好,今天特意整理一个办法,可以让javascript在html加载完毕后就可以立即获取img文件的头数据...

    JQ 获取图片真实宽高

    "JQ 获取图片真实宽高"这个标题指的是使用jQuery来获取图片在页面加载完成后的真实宽度和高度,因为图片在未完全加载前,其宽度和高度可能是未知的。下面我们将深入探讨如何实现这一功能,并了解相关的知识点。 1. ...

    iframe自适应高度和宽度

    ### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...

    JavaScript 在图片上单击获取图片原始大小.rar

    &lt;title&gt;JavaScript获取图片原始大小 img { max-width: 100%; height: auto; } 你的图片路径.jpg" onclick="displayOriginalSize(event)"&gt; &lt;p id="sizeInfo"&gt;&lt;/p&gt; function displayOriginalSize...

    javascript实现图片上传

    然后创建一个新的`Image`对象并赋值为当前图片的源,以便获取图片的实际尺寸。如果图片的宽高比大于或等于预设比例,它会根据宽度进行调整;否则,根据高度进行调整。调整后,设置`alt`属性为图片的新尺寸。 3. **...

    JS获取图片高度宽度的方法分享

    在JavaScript中获取图片的高度和宽度,是前端开发过程中常见需求之一,因为有时候我们需要根据图片尺寸进行布局调整或者为不同尺寸的图片准备不同大小的占位。然而,在网络图片加载的场景下,由于浏览器的异步加载...

    生成网页缩略图(输入网址,宽度,高度生成缩略图)

    网页缩略图生成技术是一种常见的Web开发功能,它允许用户通过输入网址、设定目标宽度和高度,快速获取网站页面的预览图片。这种技术在许多应用场景中非常实用,例如社交媒体分享、搜索引擎结果展示、网站目录索引等...

    JS获取各种高度宽度1

    本文将深入探讨如何使用JavaScript获取各种高度和宽度,包括浏览器窗口滚动条的位置、元素的几何尺寸等关键概念。 首先,我们来看一下与鼠标位置相关的几个属性: 1. `pageX`:表示鼠标在页面上的位置,从页面左上...

    javascript实现图片缩放

    1. 获取图片元素:在JavaScript中,可以使用`document.getElementById()`或`document.querySelector()`方法获取到`&lt;img&gt;`元素。例如,如果图片元素的ID为"myImg",则可以这样获取: ```javascript var imgElement =...

    【Jquery经典特效18】jQuery自适应宽度跟高度相册代码

    - 要实现宽度和高度的自适应,我们需要先确定相册容器的宽度,然后根据比例计算出每个图片的高度。例如,可以使用`$(window).width()`获取当前窗口宽度,再根据图片的原始宽高比调整其高度。 5. **动画效果**: -...

    javascript 获取图片尺寸及放大图片

    对于Firefox和Chrome等支持W3C标准的浏览器,我们可以利用`naturalWidth`和`naturalHeight`属性来获取图片的原始尺寸,这两个属性是只读的,代表了图片在未进行任何缩放之前的宽度和高度。例如: ```html (this)" ...

Global site tag (gtag.js) - Google Analytics