檔案上傳時,採用JAVASCRIPT確定檔案的大小

來源:互聯網
上載者:User

來源程式如下: 

<html>
<head>
<title>
通過JAVASCRIPT檢查上傳檔案總大小(成功執行)
</title>
<script>
    function checkFile()
    {
        var fso,file,f;
        fso = new ActiveXObject("Scripting.FileSystemObject");
       
        var totalSize;
        totalSize=0;
       
        var getFileNum=parseInt(document.getElementById("fileNum").value);
        var i=1;
        for(i=1;i<=getFileNum;i++)
        {
            file=document.getElementById("file"+i).value;
            f=fso.GetFile(file);
            //alert("檔案在大小:"+f.size);
            totalSize+=parseFloat(f.size);           
        }
       
        alert("檔案在總大小:"+totalSize);
        return false;
    }
    //增加一個檔案
    function addFile()
    {
        var upFile=window.uploadFiles.innerHTML;
        var getFileNum=parseInt(document.getElementById("fileNum").value);
        getFileNum=getFileNum+1;
       
        var file="<br><input type='file' name='file"+getFileNum+"' id='file"+getFileNum+"'>";
        window.uploadFiles.innerHTML=upFile+file;
       
        document.getElementById("fileNum").value=getFileNum;
    }
</script>
</head>
<body>
<form name="testForm" onsubmit="checkFile();">
    <table>
   
    <tr><td id="uploadFiles">
        <input type="hidden" id="fileNum" value="1">
        <input type="file" name="file1" id="file1"><input type=button value="增加檔案" onclick="addFile();">
    </td></tr>
    <tr><td>
    <input type="submit" value="上傳檔案">
    <tr><td>
</form>
</body>
</html>

本文出自:馮立彬的部落格

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.