用 SA FileUp 上传多文件2 - 达人(咖啡虫)

2004/08/01 | 用 SA FileUp 上传多文件2
类别(asp) | 评论(0) | 阅读(88) | 发表于 23:57: 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在客户端对图片进行一遍检查，不是图片的会提示，大小超过限制的也会提示。
这样就避免了用户经过耐心的等待后才被告诉不合标准的烦恼。; 0

http://kafeichong.5d.cn/

评论Comments