可能重复:
在文件标签中获取图像高度和宽度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代码获取图像的图像高度和宽度,但该时间页面将刷新,没有页面刷新我得到图像大小但不是高度和宽度....
使用onload事件:
document.getElementById('testimg').onload = function() {
alert(document.getElementById('testimg').offsetHeight);
}
Run Code Online (Sandbox Code Playgroud)
您可以更改函数中的操作,例如,使按钮可见或不禁用,具体取决于您。
不确定我是否理解你的问题,但 JavaScript 需要先加载图像,然后才能获取其尺寸。
| 归档时间: |
|
| 查看次数: |
1856 次 |
| 最近记录: |