当前位置:编程学习 > JAVA >>

jsp 页面上传图片 验证上传图片尺寸大小

上传图片用js 验证尺寸大小   ,问题: 把如下代码copy出来 单独建立一个HTML页面测试 得到的图片的宽度和高度值是正确的,但是当把我把代码加到项目中获取的值 始终是 高度:30 宽度:28  ,不管上传多大尺寸的图片。 我在项目里新创建一个jsp页面 问题还是存在 , 特发帖问下,希望以前遇到过类似问题或知道什么原因的朋友给予解答 。小弟在此先谢谢了!没有多少分了。 代码如下:


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Upload Image</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body>
<script>
var img = null;
var xianzhiheight = 60;//限制尺寸的高度
var xianzhiwidth = 80;//限制尺寸的宽度

function yanzheng() {
if (img)
img.removeNode(true);
img = document.createElement("img");
img.style.position = "absolute";
img.style.visibility = "hidden";
document.body.insertAdjacentElement("beforeend", img);
img.src = form1.file.value;
alert(img.offsetHeight);
alert(img.offsetWidth);
if (img.offsetHeight > xianzhiheight) {
alert("您选择的图片超过了上传限制的最大高度:" + xianzhiheight);
document.form1.file.outerHTML = document.form1.file.outerHTML
.replace(/value=\w/g, '');
return false;
}

if (img.offsetWidth > xianzhiwidth) {
alert("您选择的图片超过了上传限制的最大宽度:" + xianzhiwidth);
document.form1.file.outerHTML = document.form1.file.outerHTML
.replace(/value=\w/g, '');
return false;
}
}
</script>
<form id="form1" name="form1" method="post" action="">
<input type="file" Name="file" id="file" value="默认值"
onchange="yanzheng()">
<input type="submit" name="Submit" value="提交" />
</form>
</body>
</html>
图片 JSP Java 上传图片验证图片尺寸大小 --------------------编程问答-------------------- --------------------编程问答--------------------
引用 1 楼 walk_hai 的回复:



这位兄台 , 你的门牙呲的那么大干嘛? --------------------编程问答-------------------- 请在 <img/>的 onload事件中写如下代码
alert(img.offsetHeight);
alert(img.offsetWidth); --------------------编程问答--------------------
引用 3 楼 mingnuo 的回复:
请在 <img/>的 onload事件中写如下代码
alert(img.offsetHeight);
alert(img.offsetWidth);



可否说的在详细点? --------------------编程问答-------------------- 没人哦!   难道就没有人遇到和我一样的问题 ?
补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,