jquery檢測上傳文件大小示例
更新時間：2020年04月26日 10:36:10 作者：DavidHHuan
這篇文章主要介紹了jquery檢測上傳文件大小,結合完整示例形式分析了jquery針對上傳文件大小檢測與計算相關操作技巧,需要的朋友可以參考下
本文實例講述了jquery檢測上傳文件大小。分享給大家供大家參考，具體如下：
google了很久，基本上都是用 activeX 來實現(xiàn)～至于為什么不行，這個不多說，說一下以下方法：
已經(jīng)測試通過的瀏覽器：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相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
您可能感興趣的文章:
相關文章
這篇文章主要介紹了jQuery類選擇器用法,以一個隱藏div元素的實例分析了jQuery類選擇器的用法技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery自適應輪播圖插件Swiper用法,結合實例形式分析了jQuery輪播圖插件的功能與具體使用方法,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jquery實現(xiàn)最簡單的滑動菜單效果代碼,涉及jQuery基于鼠標事件操作頁面元素動態(tài)變換的基本技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jquery 刪除節(jié)點 添加節(jié)點 找兄弟節(jié)點的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨query 刪除節(jié)點 添加節(jié)點 找兄弟節(jié)點的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
這篇文章主要介紹了JQuery基礎動畫操作，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
jQuery EasyUI中對表格進行編輯的實現(xiàn)代碼
對表格進行增刪改后一次性保存或回滾的發(fā)生相當有用。參照官方的教程例子做了個用戶管理的小例子。2010-06-06
jQuery EasyUI API 中文文檔 - Tabs標簽頁/選項卡
jQuery EasyUI API 中文文檔 - 標簽頁/選項卡（Tabs）,學習jQuery EasyUI的朋友可以參考下。2011-10-10
本文給大家分享的是利用jQuery插件，通過讀取JSON數(shù)據(jù)，實現(xiàn)無刷新動態(tài)下拉省市二（三）級聯(lián)動效果，十分的簡單實用，效果也非常棒，有需要的小伙伴可以參考下。2015-06-06
這篇文章主要介紹了Jquery 獲取相同NAME 或者id刪除行操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要為大家詳細介紹了jquery插件實現(xiàn)圖片對比，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04