JS控制FileUpload的上傳文件類型實例代碼

更新時間：2016年10月07日 11:45:56 投稿：jingxian

下面小編就為大家?guī)硪黄狫S控制FileUpload的上傳文件類型實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

JS代碼如下：

function CheckFile(obj) { 
  var array = new Array('gif', 'jpeg', 'png', 'jpg'); //可以上傳的文件類型 
  if (obj.value == '') { 
    alert("讓選擇要上傳的圖片!"); 
    return false; 
  } 
  else { 
    var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //這個文件類型正則很有用：） 
    var isExists = false; 
    for (var i in array) { 
      if (fileContentType.toLowerCase() == array[i].toLowerCase()) { 
        isExists = true; 
        return true; 
      } 
    } 
    if (isExists == false) { 
      obj.value = null; 
      alert("上傳圖片類型不正確!"); 
      return false; 
    } 
    return false; 
  } 
}

ASP.NET前臺代碼如下：

<asp:FileUpload ID="FileUpload1" runat="server" onchange="CheckFile(this);"/>

以上就是小編為大家?guī)淼腏S控制FileUpload的上傳文件類型實例代碼全部內(nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

Bootstrap模態(tài)框案例解析
這篇文章主要介紹了Bootstrap模態(tài)框案例解析,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-03-03
iscroll.js滾動加載實例詳解
這篇文章主要為大家詳細介紹了iscroll.js滾動加載實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
Js查找字符串中出現(xiàn)次數(shù)最多的字符及個數(shù)實例解析
這篇文章主要介紹了Js查找字符串中出現(xiàn)次數(shù)最多的字符及個數(shù) ,本文分為傳統(tǒng)寫法和正則寫法兩種方法給大家介紹了js查找字符串出現(xiàn)次數(shù)最多的字符及個數(shù)，非常不錯，感興趣的朋友參考下吧
2016-09-09
JavaScript設(shè)計模式之觀察者模式(發(fā)布訂閱模式)原理與實現(xiàn)方法示例
這篇文章主要介紹了JavaScript設(shè)計模式之觀察者模式(發(fā)布訂閱模式)原理與實現(xiàn)方法,結(jié)合實例形式分析了JavaScript觀察者模式概念、原理、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下
2018-07-07
基于JavaScript實現(xiàn)圖片放大鏡功能
在一些電商網(wǎng)站上，經(jīng)?？吹接猩唐穲D片被放大查看的功能，所以本文將使用前端技術(shù)實現(xiàn)一個簡單的圖片放大鏡功能，希望能給大家?guī)硪欢ǖ膸椭?/div> 2023-06-06
異步j(luò)avascript的原理和實現(xiàn)技巧介紹
因為工作的需要，我要在網(wǎng)頁端編寫一段腳本，把數(shù)據(jù)通過網(wǎng)頁批量提交到系統(tǒng)中去。所以我就想到了Greasemonkey插件，于是就開始動手寫，發(fā)現(xiàn)問題解決得很順利
2012-11-11
實例詳解JSON數(shù)據(jù)格式及json格式數(shù)據(jù)域字符串相互轉(zhuǎn)換
JSON(JavaScript Object Notation)是一種輕量級的數(shù)據(jù)交換格式。JSON采用完全獨立于語言的文本格式，這些特性使JSON成為理想的數(shù)據(jù)交換語言
2016-01-01
JavaScript判斷變量是否為數(shù)組的方法(Array)
這篇文章主要介紹了JavaScript判斷變量是否為數(shù)組的方法(Array),涉及到j(luò)avascript 數(shù)組變量相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧
2016-02-02
基于JS實現(xiàn)帶并發(fā)限制的異步調(diào)度器
這篇文章主要為大家詳細介紹了如何基于JS實現(xiàn)帶并發(fā)限制的異步調(diào)度器，文中的示例代碼講解詳細，具有一定的學(xué)習(xí)價值，需要的可以參考下
2023-05-05
微信小程序?qū)崿F(xiàn)的日期午別醫(yī)生排班表功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的日期午別醫(yī)生排班表功能,結(jié)合實例形式分析了微信小程序?qū)崿F(xiàn)基于日期時間、針對上午、下午、凌晨、夜間等時段的排班功能相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01