图片上传预览功能的实现
来源:ASP学习网 作者:Admin 时间:08-04-22 点击:
<title>图片上传预览功能的实现 asp学习网整理文档</title>
<body>
<style>
body,td{font-size:12px;}
</style>
<script language=javascript>
/*----------------------------------------
文件上传前台控制检测程序 v0.6
远程图片检测功能
检测上传文件类型
检测图片文件格式是否正确
检测图片文件大小
检测图片文件宽度
检测图片文件高度
图片预览
For 51js.com Author:333 Date:2005/08/26
Update:2005/09/03
-----------------------------------------*/
var ImgObj=new Image();//建立一个图像对象
var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型
var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,HasCheked,IsImg//全局变量 图片相关属性
//以下为限制变量
var AllowExt=".jpg|.gif|.doc|.txt|"//允许上传的文件类型 0为无限制 每个扩展名后边要加一个"|" 小写字母表示
//var AllowExt=0
var AllowImgFileSize=70;//允许上传图片文件的大小 0为无限制 单位：KB
var AllowImgWidth=500;//允许上传的图片的宽度 0为无限制 单位：px(像素)
var AllowImgHeight=500;//允许上传的图片的高度 0为无限制 单位：px(像素)
HasChecked=false;
function CheckProperty(obj)//检测图像属性
{
FileObj=obj;
if(ErrMsg!="")//检测是否为正确的图像文件 返回出错信息并重置
{
ShowMsg(ErrMsg,false);
return false;//返回
}
if(ImgObj.readyState!="complete")//如果图像是未加载完成进行循环检测 VAKAO 非常棒 我已经在使用了 aspxuexi.com asp学习网
{
setTimeout("CheckProperty(FileObj)",500);
return false;
}
ImgFileSize=Math.round(ImgObj.fileSize/1024*100)/100;//取得图片文件的大小
ImgWidth=ImgObj.width;//取得图片的宽度
ImgHeight=ImgObj.height;//取得图片的高度
FileMsg="\n图片大小:"+ImgWidth+"*"+ImgHeight+"px";
FileMsg=FileMsg+"\n图片文件大小:"+ImgFileSize+"Kb";
FileMsg=FileMsg+"\n图片文件扩展名:"+FileExt;
if(AllowImgWidth!=0&&AllowImgWidth<ImgWidth)
ErrMsg=