限制图片上传长宽的javascript代码

2016-01-29 11:35 38 1 收藏

限制图片上传长宽的javascript代码,限制图片上传长宽的&#106avascript代码

【 tulaoshi.com - Javascript 】

 

<html
<head
<titleUpload Image</title
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
</head
<body bgcolor="#FFFFFF" text="#000000"
<form name="IUpload" action="upfile.asp" method="post"
<p<input type="file" name="picsrc" size="40" onchange="picshow.src="http://img.jcwcn.com/attachment/portal"
<input type="button" value="上载" onclick="detect()"</p</form
<p<img name="picshow" src="http://img.jcwcn.com/attachment/portal/jcwcj/2005-12/10/05121012245462162.gif" title="图像预览"</p
</body
</html

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)

<SCRIPT LANGUAGE="JavaScript"
<!--
function imgExceedSize(w,h){
if(!document.IUpload.picsrc.value==""){
if(picshow.widthw||picshow.heighth){
alert("图像尺寸:"+picshow.width+"X"+picshow.height+"。n图像尺寸过大!你只能上传尺寸为 "+w+"×"+h+"的图像,请重新浏览图片!");
return true;
}else{
return false;
}
}else{
return true;
}
}

function detect(){
var ok=imgExceedSize(50,50);
if(ok){
document.IUpload.reset();
}else{
document.IUpload.submit();
}
}

//--
</SCRIPT

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/) 

来源:http://www.tulaoshi.com/n/20160129/1482700.html

延伸阅读
  有时你可以会在一些网站看到一些变化显示的图片,这除了可以利用Flash来制作之外,当然也可以利用本节教程介绍的方法来实现哦。好吧,就开始我们的创作吧。我们可以在网页的最前面部分添加以下的代码来创建一个随机的数字: <SCRIPT <!-- // Randomizer rnd.today=new Date(); rnd.seed=rnd.today.getTime(); function rn...
  最近因为学校做网站设计,所以一直在ASP上和数据库上大费苦心。 我在前一个阶段是做Java程序设计的。突然接到任务并学习ASP,所以我一直都热忠并善于利用JavaScript来构架ASP程序。 JavaScript的一个明显的优点就在于它可以定义和持有自己的对象。这一点好象是VBScript所无法比拟的。 有了这一点,可以利用J...
  在浏览器中显示信息  
  基于浏览器类型的重定向的实现可以通过使用JavaScript函数来检查navigator.userAgent的字符串“MSIE”,它将告诉你用户是否使用Microsoft Internet Explorer(微软的IE浏览器)。通过修改windows.location函数可以重定向到正确的URL(同意资源定位器)。下面是详细的代码: <HTML <HEAD <SCRIPT LANGUAGE="JavaScript" <!...
标签: ASP
  使用javascript创建Microsoft XML DOM,就可以完成这一工作. // 装入数据. var source = new ActiveXObject("Microsoft.XMLDOM"); source.async = false source.load("history.xml"); // 装入样式表. var stylesheet = new ActiveXObject("Microsoft.XMLDOM"); stylesheet.async = false ...

经验教程

323

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部