百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> js判断上传图片代码(支持ie8,firefox,ie6)
分享文章到:

js判断上传图片代码(支持ie8,firefox,ie6)

发布时间:01/15 来源: 浏览: 关键词:
文章提供的这款s判断上传图片代码是一款利用了js的new image功能来判断上传图片的类型,大小,高宽,以及上传图片前的图片预览效果,并且兼容多浏览器ie,firefox都支持

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>s判断上传图片代码(支持ie8,firefox,ie6)</title>
<script>
function perimg(o)
{

var x=document.getelementbyid("upload_file");
var browser_agent=navigator.useragent;  
if(browser_agent.indexof("firefox")!=-1)//判断浏览器的类型
{
//火狐
document.getelementbyid("pimg").src = o.files[0].getasdataurl();  
document.getelementbyid("pimg").style.display = "block";

}
else
   {
   //ie浏览器
     document.getelementbyid('pimg').src =x.value;
          
   }

}

function checkimg(){
 var maxw=750;
 var maxh=750;
 var maxs=500;
 if (all.img.width>maxw ){
alert("宽度超过"+maxw+"pix,请调整后上传");
}
 if (all.img.height>maxh ){
alert("高度超过"+maxh+"pix,请调整后上传");
history.go(0);
}
 if (all.img.filesize/1024>maxs ){
alert("大小超过"+maxs+"k,请调整后上传");
history.go(0);
}
}

</script>
</head>

<body>
<div id="perimg" style="display:inline">
<a href="#" id="imghref" target="_blank">
<img border="0" id="pimg">
</a>
</div>
<input name="upload_file" type="file" size="30" onchange="perimg(this);" />


实例方法调用

<form name=form action="" method=post enctype=multipart/form-data>
<input type=file name=upload id="img">
<input type=button =提交  onclick="网页特效:checkimg();">
 
</form>


</body>
</html>

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有5人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板