jquery檢測(cè)上傳文件大小示例

更新時(shí)間：2020年04月26日 10:36:10 作者：DavidHHuan

這篇文章主要介紹了jquery檢測(cè)上傳文件大小,結(jié)合完整示例形式分析了jquery針對(duì)上傳文件大小檢測(cè)與計(jì)算相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了jquery檢測(cè)上傳文件大小。分享給大家供大家參考，具體如下：

google了很久，基本上都是用 activeX 來實(shí)現(xiàn)～至于為什么不行，這個(gè)不多說，說一下以下方法：

已經(jīng)測(cè)試通過的瀏覽器：IE6＋，firefox，chrome，其中 firefox 和 chrome 要能支持 HTML5。

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=big5">
  <title>上傳</title>
</head>
<body>
  <form action="XXXXXX" method="POST" name="FileForm" enctype="multipart/form-data">
  <div align="center">
    圖片:
    <input type="file" name="file1" size="20" id="file1" />
    <input type="button" onclick="checkFile()" /></div>
  </form>
</body>
</html>

<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>

<script language="JavaScript" type="text/javascript">
  var fileSize = 0; //文件大小
  var SizeLimit = 1024; //上傳上限，單位:byte

  function checkFile() {
    var f = document.getElementById("file1");
    //FOR IE
    if ($.browser.msie) {
      var img = new Image();
      img.onload = checkSize;
      img.src = f.value;
    }
    //FOR Firefox,Chrome
    else {
      fileSize = f.files.item(0).size;
      checkSize();
    }
  }

  //檢查文件大小
  function checkSize() {
    //FOR IE FIX
    if ($.browser.msie) {
      fileSize = this.fileSize;
    }

    if (fileSize > SizeLimit) {
      alert('文件超過大小');
    } else {
      document.FileForm.submit();
    }
  }
</script>

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery text()方法取標(biāo)簽中的文本
本節(jié)主要介紹了jquery使用text()方法取標(biāo)簽中的文本的具體實(shí)現(xiàn),需要的朋友可以參考下
2014-07-07
jquery驗(yàn)證表單中的單選與多選實(shí)例
這里所說的，用jquery去驗(yàn)證某一組多選至少要有一個(gè)選中，某一組單選至少有一個(gè)選中，，大家都知道單一的一個(gè)用js比較好驗(yàn)證，但是想要用jquery的驗(yàn)證并且用到j(luò)query驗(yàn)證的提示信息，那么這就不好辦了
2013-08-08
jQuery實(shí)現(xiàn)炫酷的鼠標(biāo)軌跡特效
本文給大家分享的是一段jQuery實(shí)現(xiàn)炫酷的鼠標(biāo)軌跡的特效代碼，希望小伙伴們能夠喜歡。
2015-02-02
jQuery的deferred對(duì)象使用詳解
deferred對(duì)象就是jQuery的回調(diào)函數(shù)解決方案。在英語中，defer的意思是"延遲"，所以deferred對(duì)象的含義就是"延遲"到未來某個(gè)點(diǎn)再執(zhí)行。
2016-09-09
jQuery使用CSS()方法給指定元素同時(shí)設(shè)置多個(gè)樣式
這篇文章主要介紹了jQuery使用CSS()方法給指定元素同時(shí)設(shè)置多個(gè)樣式的方法,實(shí)例分析了jQuery中css方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-03-03
jquery 表單取值常用代碼
在jquery中經(jīng)常需要獲取form表單的一些值，下面是常用的代碼，需要的朋友可以參考下。
2009-12-12
jquery實(shí)現(xiàn)具有收縮功能的垂直導(dǎo)航菜單
這篇文章主要介紹了jquery實(shí)現(xiàn)具有收縮功能的垂直導(dǎo)航菜單點(diǎn)擊可以展開折疊的導(dǎo)航菜單，感興趣的小伙伴們可以參考一下
2016-02-02
可兼容IE的獲取及設(shè)置cookie的jquery.cookie函數(shù)方法
在使用IE來測(cè)試的時(shí)候，發(fā)現(xiàn)Discuz中的common.js里面的getcookie和setcookie這兩個(gè)方法子啊IE下不起作用，因此有了jquery.cookie.js的由來，感興趣的朋友可以參考下
2013-09-09
JavaScript?Canvas實(shí)現(xiàn)高清繪制效果
在我們?nèi)粘＠L制canvas的時(shí)候都不可避免的遇到一個(gè)問題，那就是canvas繪制出來的東西可能會(huì)有模糊，所以本文為大家準(zhǔn)備了解決canvas繪制模糊的方法，希望對(duì)大家有所幫助
2023-06-06
『jQuery』.html(),.text()和.val()的概述及使用
如何使用jQuery中的.html(),.text()和.val()三種方法，用于讀取，修改元素的html結(jié)構(gòu)，元素的文本內(nèi)容，以及表單元素的value值的方法
2013-04-04