js 图片上传前大小长宽验证代码
作者:bea
脚本如下: <html> <head> <script language="javascript" type="text/javascript"> function getimginfo() { var img=new Image(); img.src=document.all.file.value; var sInfo="Width:"+img.width+ "px Height:"+img.height+ "px Size:"+get
脚本如下:
<html>
<head>
<script language="javascript" type="text/javascript">
function getimginfo()
{
var img=new Image();
img.src=document.all.file.value;
var sInfo="Width:"+img.width+
"px Height:"+img.height+
"px Size:"+getsizestring(img.fileSize);
alert(sInfo);
}
function getsizestring(len)
{
var kb=len/1024;
if(kb<1024)
return kb.toFixed(2)+"K";
else
{
var m=kb/1024;
return m.toFixed(2)+"M";
}
}
</script>
</head>
<body>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img width="60" height="60" id="picdemo">
</td>
<td>
<input type="file" id="file" onchange="document.all.picdemo.src=this.value" class="allinput">
<input type="submit" name="Submit" value="上传" onClick="getimginfo();">
</td>
</tr>
</table>
</body>
</html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
有用 | 无用
<html>
<head>
<script language="javascript" type="text/javascript">
function getimginfo()
{
var img=new Image();
img.src=document.all.file.value;
var sInfo="Width:"+img.width+
"px Height:"+img.height+
"px Size:"+getsizestring(img.fileSize);
alert(sInfo);
}
function getsizestring(len)
{
var kb=len/1024;
if(kb<1024)
return kb.toFixed(2)+"K";
else
{
var m=kb/1024;
return m.toFixed(2)+"M";
}
}
</script>
</head>
<body>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img width="60" height="60" id="picdemo">
</td>
<td>
<input type="file" id="file" onchange="document.all.picdemo.src=this.value" class="allinput">
<input type="submit" name="Submit" value="上传" onClick="getimginfo();">
</td>
</tr>
</table>
</body>
</html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js DataSet数据源处理代码
- javascript 变态的节点集合
- javascript 节点遍历函数
- javascript 类型判断代码分析
- js chrome浏览器判断代码
- javascript 跨浏览器的事件系统
- javascript 深拷贝
- JavaScript 学习笔记二 字符串拼接
- jQuery 美元符冲突的解决方法
- 分享十五个最佳jQuery 幻灯插件和教程
- Jquery 1.42 checkbox 全选和反选代码
- 网络图片延迟加载实现代码 超越jquery控件
- JQuery的一些小应用收集
- Visual Studio中的jQuery智能提示设置方法
- Jquery 滑入滑出效果实现代码
- Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
- javascript sudoku 数独智力游戏生成代码
- Javascript 函数中的参数使用分析
- js几个验证函数代码