js判斷上傳文件后綴名是否合法
本文實(shí)例介紹了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]則顯示“文件類型合法”,否則“顯示文件類型錯(cuò)誤” function checkFileExt(filename) { var flag = false; //狀態(tài) var arr = ["jpg","png","gif"]; //取出上傳文件的擴(kuò)展名 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="返回上一頁(yè)" onclick="javascript:history.go(-1)" /> </body> </html>
希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。
- 簡(jiǎn)單實(shí)現(xiàn)js上傳文件功能
- JS中使用FormData上傳文件、圖片的方法
- js獲取上傳文件的絕對(duì)路徑實(shí)現(xiàn)方法
- 一個(gè)簡(jiǎn)單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
- js實(shí)現(xiàn)點(diǎn)擊按鈕彈出上傳文件的窗口
- file控件選擇上傳文件確定后觸發(fā)的js事件是哪個(gè)
- 使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版
- jQuery實(shí)現(xiàn)jQuery-form.js實(shí)現(xiàn)異步上傳文件
- js獲取判斷上傳文件后綴名的示例代碼
- JS使用base64格式上傳文件
相關(guān)文章
原生JS實(shí)現(xiàn)列表子元素順序反轉(zhuǎn)的方法分析
這篇文章主要介紹了原生JS實(shí)現(xiàn)列表子元素順序反轉(zhuǎn)的方法,結(jié)合實(shí)例形式分析了javascript針對(duì)dom元素、數(shù)組reverse方法、innerHTML方法等列表元素順序翻轉(zhuǎn)相關(guān)操作技巧,需要的朋友可以參考下2018-07-07JS實(shí)現(xiàn)文字向下滾動(dòng)完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)文字向下滾動(dòng)的方法,以一個(gè)完整實(shí)例形式詳細(xì)分析了html頁(yè)面布局、css樣式及對(duì)應(yīng)的js滾動(dòng)功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-02-02disable-devtool禁用web開發(fā)者工具保護(hù)網(wǎng)頁(yè)源碼
這篇文章主要為大家介紹了disable-devtool禁用web開發(fā)者工具保護(hù)網(wǎng)頁(yè)源碼的使用,防止源碼泄露保護(hù)網(wǎng)站源碼的最佳解決方案,一行代碼就可以搞定,有需要的可以學(xué)習(xí)參考下2023-11-11一文教你徹底學(xué)會(huì)JavaScript手寫防抖節(jié)流
其實(shí)防抖和節(jié)流不僅僅在面試中會(huì)讓大家手寫,在實(shí)際項(xiàng)目中也可以起到性能優(yōu)化的作用,所以還是很有必要掌握的。本文就帶大家徹底學(xué)會(huì)JavaScript手寫防抖節(jié)流,需要的可以參考一下2022-11-11使用typescript推導(dǎo)已有變量的盲盒類型詳情
這篇文章主要介紹了使用typescript推導(dǎo)已有變量的盲盒類型詳情,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08JS 精確統(tǒng)計(jì)網(wǎng)站訪問(wèn)量的實(shí)例代碼
這篇文章介紹了JS精確統(tǒng)計(jì)網(wǎng)站訪問(wèn)量的實(shí)例代碼,有需要的朋友可以參考一下2013-07-07