使用javascript获取文件标记中的图像高度和宽度

Mau*_*tel 5 javascript

可能重复:
在文件标签中获取图像高度和宽度javascript
通过Javascript确定图像文件大小+尺寸?
如何在通过JavaScript上传之前上传预览图像

如何在文件标签中没有页面刷新的情况下获得图像的高度和宽度?

<HTML>
<HEAD>
    <TITLE></TITLE>
    <script language="javascript">
    function getW()
    {
        var theImg = document.getElementById('testimg');
        alert(theImg.width);
    }

    function getH()
    {
        var theImg = document.getElementById('testimg');
        alert(theImg.height);
    }
    </script>
</HEAD>

<BODY>        
<input type="file" id="testimg"/>
    <input type="button" value="get Width" onclick="getW()"/>
    <input type="button" value="get Height" onclick="getH()"/>
</BODY>
</HTML>
Run Code Online (Sandbox Code Playgroud)

我使用PHP代码获取图像的图像高度和宽度,但该时间页面将刷新,没有页面刷新我得到图像大小但不是高度和宽度....

Ben*_*Ben 0

使用onload事件:

document.getElementById('testimg').onload = function() {
  alert(document.getElementById('testimg').offsetHeight);
}
Run Code Online (Sandbox Code Playgroud)

您可以更改函数中的操作,例如,使按钮可见或不禁用,具体取决于您。

不确定我是否理解你的问题,但 JavaScript 需要先加载图像,然后才能获取其尺寸。