js判斷上傳文件后綴名是否合法
更新時間:2016年01月28日 10:12:48 作者:gyz418
這篇文章主要介紹了js判斷上傳文件后綴名是否合法的具體方法,以一個完整實例分析了javascript判斷上傳文件后綴名是否合法的方法,感興趣的小伙伴們可以參考一下
本文實例介紹了js判斷上傳文件后綴名是否合法的詳細(xì)代碼,分享給大家供大家參考,具體內(nèi)容如下
效果圖:
選擇文件
選擇1.jpg文件
上傳成功合法
除圖片文件格式以外,其他都是不合法的操作。
具體代碼:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>判斷文件上傳是否合法</title> <script type="text/javascript"> //3、(字符)檢查文件上傳表單控件,如果含有[jpg,jpeg,gif,png]則顯示“文件類型合法”,否則“顯示文件類型錯誤” function checkFileExt(filename) { var flag = false; //狀態(tài) var arr = ["jpg","png","gif"]; //取出上傳文件的擴展名 var index = filename.lastIndexOf("."); var ext = filename.substr(index+1); //循環(huán)比較 for(var i=0;i<arr.length;i++) { if(ext == arr[i]) { flag = true; //一旦找到合適的,立即退出循環(huán) break; } } //條件判斷 if(flag) { document.write("文件名合法"); }else { document.write("文件名不合法"); } } </script> </head> <body> <form name="form1" method="post" enctype="multipart/form-data"> 上傳頭像:<input type="file" name="uploadFile" onchange="checkFileExt(this.value)" /> </form> <input type="button" value="返回上一頁" onclick="javascript:history.go(-1)" /> </body> </html>
希望本文所述對大家學(xué)習(xí)javascript程序設(shè)計有所幫助。
相關(guān)文章
原生JS實現(xiàn)列表子元素順序反轉(zhuǎn)的方法分析
這篇文章主要介紹了原生JS實現(xiàn)列表子元素順序反轉(zhuǎn)的方法,結(jié)合實例形式分析了javascript針對dom元素、數(shù)組reverse方法、innerHTML方法等列表元素順序翻轉(zhuǎn)相關(guān)操作技巧,需要的朋友可以參考下2018-07-07disable-devtool禁用web開發(fā)者工具保護網(wǎng)頁源碼
這篇文章主要為大家介紹了disable-devtool禁用web開發(fā)者工具保護網(wǎng)頁源碼的使用,防止源碼泄露保護網(wǎng)站源碼的最佳解決方案,一行代碼就可以搞定,有需要的可以學(xué)習(xí)參考下2023-11-11一文教你徹底學(xué)會JavaScript手寫防抖節(jié)流
其實防抖和節(jié)流不僅僅在面試中會讓大家手寫,在實際項目中也可以起到性能優(yōu)化的作用,所以還是很有必要掌握的。本文就帶大家徹底學(xué)會JavaScript手寫防抖節(jié)流,需要的可以參考一下2022-11-11使用typescript推導(dǎo)已有變量的盲盒類型詳情
這篇文章主要介紹了使用typescript推導(dǎo)已有變量的盲盒類型詳情,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-08-08