2007-08-03
JavaScript实现本地图片预览
<script language="javascript" type="text/javascript">
//==============================
//功能:Javascript本地图片预览
//Author:yaosansi
//Site:http://www.yaosansi.com
//Date:2006-02-21
//说明:简单的判断了文件的合法性
//适用于:上传文件前预览本地图片
//==============================
function ShowImage(value,img)
{
alert(value);
//检测盘符
alert(value.indexOf(':'));
//检测文件是否有扩展名
alert(value.length-value.lastIndexOf('.'));
//取文件扩展名
alert(value.substr(value.length-3,3));
//检测文件扩展名是否合法
alert(CheckExt(value.substr(value.length-3,3)));
if(value.length>5 && value.indexOf(':')==1 && (value.length-value.lastIndexOf('.'))==4 && CheckExt(value.substr(value.length-3,3)))
{
img.src=value;
img.alt="本地图片预览";
img.style.visibility="visible";
}
else
{
img.style.visibility="hidden";
}
}
//检查扩展名是否合法,合法返回True
function CheckExt(ext)
{
//这里设置允许的扩展名
var AllowExt="jpg|gif|jpeg|png|bmp";
var ExtOK=false;
var ArrayExt;
if(AllowExt.indexOf('|')!=-1)
{
ArrayExt=AllowExt.split('|');
for(i=0;i<ArrayExt.length;i++)
{
if(ext.toLowerCase()==ArrayExt[i])
{
ExtOK=true;
break;
}
}
}
else
{
ArrayExt=AllowExt;
if(ext.toLowerCase()==ArrayExt)
{
ExtOK=true;
}
}
return ExtOK;
}
</script>
</BODY>
</HTML>
//==============================
//功能:Javascript本地图片预览
//Author:yaosansi
//Site:http://www.yaosansi.com
//Date:2006-02-21
//说明:简单的判断了文件的合法性
//适用于:上传文件前预览本地图片
//==============================
function ShowImage(value,img)
{
alert(value);
//检测盘符
alert(value.indexOf(':'));
//检测文件是否有扩展名
alert(value.length-value.lastIndexOf('.'));
//取文件扩展名
alert(value.substr(value.length-3,3));
//检测文件扩展名是否合法
alert(CheckExt(value.substr(value.length-3,3)));
if(value.length>5 && value.indexOf(':')==1 && (value.length-value.lastIndexOf('.'))==4 && CheckExt(value.substr(value.length-3,3)))
{
img.src=value;
img.alt="本地图片预览";
img.style.visibility="visible";
}
else
{
img.style.visibility="hidden";
}
}
//检查扩展名是否合法,合法返回True
function CheckExt(ext)
{
//这里设置允许的扩展名
var AllowExt="jpg|gif|jpeg|png|bmp";
var ExtOK=false;
var ArrayExt;
if(AllowExt.indexOf('|')!=-1)
{
ArrayExt=AllowExt.split('|');
for(i=0;i<ArrayExt.length;i++)
{
if(ext.toLowerCase()==ArrayExt[i])
{
ExtOK=true;
break;
}
}
}
else
{
ArrayExt=AllowExt;
if(ext.toLowerCase()==ArrayExt)
{
ExtOK=true;
}
}
return ExtOK;
}
</script>
</BODY>
</HTML>
发表评论
- 浏览: 26366 次
- 性别:

- 来自: 陕西 西安

- 详细资料
搜索本博客
我的相册
result
共 10 张
共 10 张
最近加入圈子
最新评论
-
DWR实现省市县三级联动
纯js就能搞定了 之前写了个四级联动的 数据用的json 不过。。。代码写的很 ...
-- by zcfg -
JXL使用总结
呵呵,正好需要,谢谢分享~
-- by unique.wu -
JavaScript例子—实现行的 ...
这个代码在FF下是有问题的 我有用的是ff 2.0.0.13
-- by wen870105 -
DWR实现省市县三级联动
楼主能否看看DBManager.java代码?
-- by cnpww -
Asp.Net实现增删改以及分 ...
谢谢楼主。 我是个初学者,之前使用JAVA,刚刚换部门要求学c#.net 这边文 ...
-- by jy786394






评论排行榜