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

 

<!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>

时间: 2024-09-09 20:58:07

js判断上传图片代码(支持ie8,firefox,ie6)的相关文章

ueditor上传图片功能支持IE8吗?

问题描述 ueditor上传图片功能支持IE8吗? 我在使用ueditor上传图片 会报错,其他浏览器都ok.求大神解决给个思路. 解决方案 怎么解决的图片格式为的? 解决方案二: IE8好像不兼容,我这里试是有问题的

js判断浏览器是否支持html5_javascript技巧

现在HTML5似乎慢慢流行起来了,有些前端高手为了兼容考虑,会在网页中添加对客户端浏览器判断的代码,知道用户浏览器是否支持HTML5,下面分享想我自己使用的2种方法 方法一, <script> function checkhHtml5() { if (typeof(Worker) !== "undefined") { alert("支持HTML5"); } else { alert("不支持HTML5"); } } </scri

js判断浏览器是否支持严格模式的方法_javascript技巧

设立"严格模式"的目的,主要有以下几个: - 消除Javascript语法的一些不合理.不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之处,保证代码运行的安全: - 提高编译器效率,增加运行速度: - 为未来新版本的Javascript做好铺垫. "严格模式"体现了Javascript更合理.更安全.更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱它. 另一方面,同样的代码,在"严格模式"中

JS判断浏览器是否支持某一个CSS3属性的方法_javascript技巧

1.引子 css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候.比如transition的animation-play-state,就只有部分浏览器支持. 2.检测方法 下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性: /** * 判断浏览器是否支持某一个CSS3属性 * @param {String} 属性名称 * @return {Boolean} true/false * @

JS判断浏览器是否支持某一个CSS3属性的方法

 1.引子 css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候.比如transition的animation-play-state,就只有部分浏览器支持. 2.检测方法 下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

通用的加入收藏夹代码支持IE Firefox等浏览器_javascript技巧

把加入收藏 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js网页时间代码-支持一秒秒走动代码

提示:您可以先修改部分代码再运行 In this case the countdown is to December 5, 2007. 提示:您可以先修改部分代码再运行

js判断当前页面在移动设备还是在PC端中打开_javascript技巧

本文实例讲解了js判断当前页面在移动设备还是在PC端中打开的详细代码,分享给大家供大家参考,具体内容如下 var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1,

js 判断图片大小

分析关于js 判断图片大小原理,利用js判断上传图片大小需要经过filesize命令,如果实例 var imgp ='a.gif'; document.write(the_img.filesize); //这样就可以输入图片a.gif大小了, 那现在网络问题我们判断图片是否加载完了,就得利用readystate=="complete"如下 if(the_img.readystate=="complete"){       alert(the_img.filesize