fileupload控件文件類型客戶端驗證實現代碼

2019-11-21 01:00:22

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>無標題頁</title> <script type="text/javascript" language="javascript"> function CheckFileType() { var objButton=document.getElementById("Button1");//上傳按鈕 var objFileUpload=document.getElementById('FileUpload1');//FileUpload var objMSG=document.getElementById('msg');//顯示提示信息用的DIV var FileName=new String(objFileUpload.value);//文件名 var extension=new String (FileName.substring(FileName.lastIndexOf(".")+1,FileName.length));//文件擴展名 if(extension=="jpg"||extension=="JPG")//你可以添加擴展名 { objButton.disabled=false;//啟用上傳按鈕 objMSG.innerHTML=""; } else { objButton.disabled=true;//禁用上傳按鈕 objMSG.innerHTML="請選擇正確的文件文件"; } } </script> </head> <body> <form id="form1" runat="server"> <div> <div   class="iwvjtn8m0"   id="msg"></div> <asp:Button ID="Button1" runat="server" Text="上傳" Enabled="False" />  <asp:FileUpload ID="FileUpload1" runat="server" onChange="javascript:CheckFileType();" /> </div> </form> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：extjs DataReader、JsonReader、XmlReader的構造方法

下一篇：JavaScript 變量基礎知識