2013年1月29日 星期二

ASP.NET 中使用 JAVASCRIPT判斷副檔名

公司的網路擋東擋西...快沒有部落格可以寫了...

只好來這邊發展,

如提,最近在實作用JAVASCRIPT判斷副檔名,

雖然可以在後端使用 Path.GetExtension()抓取判斷,

但如果上傳的檔案一大...又不是合法的檔名(如影片,ISO等...)

就必須整個檔案上傳至Server端檢驗,

就變得非常麻煩,時間也會花很久,

所以如果在Cilent端就進行檢驗,會減少很多時間的消耗。

以下為程式碼:

<asp:Button ID="Button1" runat="server" Text="上傳" OnClientClick="checkFile()" OnClick="Button1_Click" />

<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script language="JavaScript" type="text/javascript">

        var fileSize = 0; //檔案大小
        var SizeLimit = 1024; //上傳上限,單位:byte

        function checkFile() {
            var f = document.getElementById('<%=FileUpload1.ClientID%>').value;
            var re = /\.(csv|CSV)$/i;  //允許的圖片副檔名
            if (!re.test(f)) {
                alert("只允許上傳CSV檔");
                document.getElementById('<%=FileUpload1.ClientID%>').value = "";
            }
        }
    </script>


這樣就可以在使用者按下按鈕後在Cilent端先檢查副檔名


沒有留言:

張貼留言