使用JavaScript限制上传文件大小和类型

javascript控制上传文件的大小及文件类型2007-05-09 22:17<form     name=Myform    onsubmit="return     CheckFileSize()">   
    <input     type=file     name=photo>
   
    <input     type=submit     value=submit></form>   
    
    <SCRIPT     LANGUAGE="JavaScript"><!--   
    function     CheckFileSize()   
    {   
        var     s     =     document.Myform.photo.value;   
        if(s==" ")return     false;   
        var     img     =     new     Image();   
        img.src     =     s;   
        alert("高     =     "+     img.height     +     "\n宽     =     "+     img.width);   
        alert("fileSize     =     "+     img.fileSize     +"     字节");   
        return     false;   
    }   
    //--></SCRIPT>   

应用了javascript和在IE下img本身的fileSize属性。另外img还有其他的几个属性，如fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters，我们可以通过这些属性来获取图片文件的部分信息，如文件大小，我们用file表单同img标签结合，就能够在上传之前判断图片文件的大小是否合法了。

限制：<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" id="fileChecker" alt="test" height="18"/>

<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");

function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}