|
|
用 SA FileUp 上传多文件2 |
| Author:咖啡虫 PublishTime:2004-8-1 |
photo_addphoto.js
var firstLoad=true;
var mycount;
function checkForm()
{
var filePath;
var fileNumber=0; //想上传的文件个数
for(mycount=1;mycount<=5;mycount++)
if(eval("fileForm.file"+mycount+".value!=''")) //检查文件后缀、标题和简介
{
eval("filePath=fileForm.file"+mycount+".value;")
if(isPic(filePath,mycount)==false)
return false;
if(eval("fileForm.photoTitle"+mycount+".value==''") || eval("fileForm.photoTitle"+mycount+".value.length>30"))
{
alert("第"+mycount+"个相片的标题为空或超过30字!");
return false;
}
if(eval("fileForm.photoIntro"+mycount+".value==''") || eval("fileForm.photoIntro"+mycount+".value.length>200"))
{
alert("第"+mycount+"个相片的简介为空或超过200字!");
return false;
}
fileNumber++;
}
if(fileNumber==0)
{
alert("你没有选择任何一个图片文件！不能提交！");
return false;
}
return photoInfo(); //检查图片属性，提交表单
}
function photoInfo()
{
//fileForm.submit.disabled=true;
mycount=0;
photoInfo2(); //共执行5次photoInfo2()
for(var i=1;i<=4;i++)
{
setTimeout("photoInfo2()",i*500);
}
setTimeout("checkFileSize()",3000);
return false;
}
function photoInfo2()
{
firstLoad=false;
mycount++;
if(eval("fileForm.file"+mycount+".value!=''"))
eval("loadPhoto.src=fileForm.file"+mycount+".value;");
else
eval("fileForm.fileSize"+mycount+".value='no';");
}
function showInfo()
{
eval("fileForm.photoWidth"+mycount+".value=loadPhoto.offsetWidth;");
eval("fileForm.photoHeight"+mycount+".value=loadPhoto.offsetHeight;");
eval("fileForm.fileSize"+mycount+".value=loadPhoto.fileSize;");
}
function isPic(filePath,mycount){
var temp;
var ExtList = ".jpg.gif.bmp.png";
var the_ext = filePath.substr(filePath.lastIndexOf(".")+1).toLowerCase();
if (ExtList.indexOf(the_ext)==-1){
alert("第"+mycount+"个文件不是图片，请选择图片文件！");
return false;
}
return true;
}
function checkFileSize()
{
for(mycount=1;mycount<=5;mycount++)
if(eval("fileForm.fileSize"+mycount+".value")>upFileSize) //upFileSize 来自于photo_addphoto.asp
{
alert("第"+mycount+"个文件大于"+Math.round(upFileSize/1024)+" KB！");
return false;
}
fileForm.Submit.disabled=true;
fileForm.submit(); //提交表单
}
这里只写出了一个文件的相关输入框，其他四个类似。
说明一点，并不是有5 个的限制，只是我这里只写了5个。
其中的photo_addphoto.js在客户端对图片进行一遍检查，不是图片的会提示，大小超过限制的也会提示。
这样就避免了用户经过耐心的等待后才被告诉不合标准的烦恼。 |
|
| | |
