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-07
JS實(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-02
disable-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-08
JS 精確統(tǒng)計(jì)網(wǎng)站訪問量的實(shí)例代碼
這篇文章介紹了JS精確統(tǒng)計(jì)網(wǎng)站訪問量的實(shí)例代碼,有需要的朋友可以參考一下2013-07-07

