Javascript 怎樣控制上傳檔案大小

檔案上傳之前的檢測，通常是通過檔案名稱來判斷檔案類型是否合法，但是要想檢測檔案的大小很難辦到，除非在本地或者使用控制項。不過在IE下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;
}

oFileChecker.onreadystatechange = function ()
{
    if (oFileChecker.readyState == "complete")
    {
        checkSize();
    }
}

function checkSize()
{
    var limit  = document.getElementById("fileSizeLimit").value * 1024;

    if (oFileChecker.fileSize > limit)
    {
        alert("too large");
    }
    else
    {
        alert("ok");
    }
}
</script>