jquery檢測上傳文件大小示例
更新時間：2020年04月26日 10:36:10 作者：DavidHHuan
這篇文章主要介紹了jquery檢測上傳文件大小,結合完整示例形式分析了jquery針對上傳文件大小檢測與計算相關操作技巧,需要的朋友可以參考下
本文實例講述了jquery檢測上傳文件大小。分享給大家供大家參考，具體如下：
google了很久，基本上都是用 activeX 來實現(xiàn)～至于為什么不行，這個不多說，說一下以下方法：
已經測試通過的瀏覽器：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>
更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
您可能感興趣的文章:
相關文章
本節(jié)主要介紹了jquery使用text()方法取標簽中的文本的具體實現(xiàn),需要的朋友可以參考下2014-07-07
這里所說的，用jquery去驗證某一組多選至少要有一個選中，某一組單選至少有一個選中，，大家都知道單一的一個用js比較好驗證，但是想要用jquery的驗證并且用到jquery驗證的提示信息，那么這就不好辦了2013-08-08
本文給大家分享的是一段jQuery實現(xiàn)炫酷的鼠標軌跡的特效代碼，希望小伙伴們能夠喜歡。2015-02-02
deferred對象就是jQuery的回調函數(shù)解決方案。在英語中，defer的意思是"延遲"，所以deferred對象的含義就是"延遲"到未來某個點再執(zhí)行。2016-09-09
這篇文章主要介紹了jQuery使用CSS()方法給指定元素同時設置多個樣式的方法,實例分析了jQuery中css方法的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
在jquery中經常需要獲取form表單的一些值，下面是常用的代碼，需要的朋友可以參考下。2009-12-12
這篇文章主要介紹了jquery實現(xiàn)具有收縮功能的垂直導航菜單點擊可以展開折疊的導航菜單，感興趣的小伙伴們可以參考一下2016-02-02
可兼容IE的獲取及設置cookie的jquery.cookie函數(shù)方法
在使用IE來測試的時候，發(fā)現(xiàn)Discuz中的common.js里面的getcookie和setcookie這兩個方法子啊IE下不起作用，因此有了jquery.cookie.js的由來，感興趣的朋友可以參考下2013-09-09
JavaScript?Canvas實現(xiàn)高清繪制效果
在我們日常繪制canvas的時候都不可避免的遇到一個問題，那就是canvas繪制出來的東西可能會有模糊，所以本文為大家準備了解決canvas繪制模糊的方法，希望對大家有所幫助2023-06-06
『jQuery』.html(),.text()和.val()的概述及使用
如何使用jQuery中的.html(),.text()和.val()三種方法，用于讀取，修改元素的html結構，元素的文本內容，以及表單元素的value值的方法2013-04-04