js判斷上傳文件后綴名是否合法
更新時間：2016年01月28日 10:12:48 作者：gyz418
這篇文章主要介紹了js判斷上傳文件后綴名是否合法的具體方法，以一個完整實例分析了javascript判斷上傳文件后綴名是否合法的方法，感興趣的小伙伴們可以參考一下
本文實例介紹了js判斷上傳文件后綴名是否合法的詳細代碼，分享給大家供大家參考，具體內(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>
希望本文所述對大家學習javascript程序設計有所幫助。
相關文章
escape、encodeURI 和 encodeURIComponent 的區(qū)別
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于編碼字符串的三個常用的方法，而他們之間的異同卻困擾了很多的Javascript初學者，今天我就在這里對這三個方法詳細地分析與比較一下。2009-03-03
詳解JS中的compose函數(shù)和pipe函數(shù)用法
這篇文章主要介紹了JS中的compose函數(shù)和pipe函數(shù)用法，想深入了解Javascript的同學，可以參考下2021-04-04
這篇文章主要介紹了webpack4從0搭建組件庫的實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
在不同瀏覽器中對于一些屬性的支持也不一樣，下面是對ie和firefox的一些小結。2009-02-02
火狐下table中創(chuàng)建form導致兩個table之間出現(xiàn)空白
js加入form導致兩個table之間出現(xiàn)空白，還有另一種說法在table中創(chuàng)建form表單是不符合DOM標準的，會導致post失效，以及js數(shù)據(jù)傳輸失效2013-09-09
有道單詞客戶Duan沒有自動閱讀的功能, 本文用強大的js實現(xiàn)了簡單的自動下一個單詞的功能,需要的朋友可以參考下2016-11-11
FireFox中textNode分片的問題...2007-04-04
JavaScript關于某元素點擊事件的監(jiān)聽和觸發(fā)
本文主要介紹了JavaScript關于某元素點擊事件的監(jiān)聽和觸發(fā)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
Grunt是一個自動任務運行器，會按照預先設定的順序自動運行一系列的任務。這可以簡化工作流程，減輕重復性工作帶來的負擔2015-08-08
select由左邊框移動到右邊，下面有個不錯的示例，大家可以參考下2013-12-12