Rumah >hujung hadapan web >html tutorial >jquery实现上传文件大小类型的验证例子
jquery实现上传文件大小类型的验证例子
- 韦小宝asal
- 2017-11-29 09:54:211520semak imbas
文件上传在网站中很长被用到而用jQuery来做上传给用户的体验又更好点，这章就来讲讲jQuery实现上传，并且验证文件大小的例子，想学习jQuery的同学可以看看！
直接上代码咯：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery1.8/jquery-1.8.0.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#myFile").change(function () {
var filepath = $("input[name='myFile']").val();
var extStart = filepath.lastIndexOf(".");
var ext = filepath.substring(extStart, filepath.length).toUpperCase();
if (ext != ".BMP" && ext != ".PNG" && ext != ".GIF" && ext != ".JPG" && ext != ".JPEG") {
alert("图片限于bmp,png,gif,jpeg,jpg格式");
$("#fileType").text("")
$("#fileSize").text("");
return false;
} else { $("#fileType").text(ext) }
var file_size = 0;
if ($.browser.msie) {
var img = new Image();
img.src = filepath;
while (true) {
if (img.fileSize > 0) {
if (img.fileSize > 3 * 1024 * 1024) {
alert("图片不大于100MB。");
} else {
var num03 = img.fileSize / 1024;
num04 = num03.toFixed(2)
$("#fileSize").text(num04 + "KB");
}
break;
}
}
} else {
file_size = this.files[0].size;
var size = file_size / 1024;
if (size > 10240) {
alert("上传的图片大小不能超过10M！");
} else {
var num01 = file_size / 1024;
num02 = num01.toFixed(2);
$("#fileSize").text(num02 + " KB");
}
}
return true;
});
});
</script>
<title>无标题文档</title>
</head>
<body>
<table width="500" cellspacing="0" cellpadding="0">
<tr>
<td width="72" id="fileType">
</td>
<td width="242">
<input type="file" name="myFile" id="myFile" />
</td>
<td width="184" id="fileSize" class="fileSize">
</td>
</tr>
</table>
</body>
</html>以上就是jquery实现上传文件大小类型的验证例子，还在学习jQuery的同学可以研究研究。
相关推荐：
jQuery文件上传插件Uploadify使用指南_jquery
php简单实现批量上传图片的方法 android 批量上传图片 jquery上传图片插件 上传图片
Atas ialah kandungan terperinci jquery实现上传文件大小类型的验证例子. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：网页的效果图与DIV+CSS关系Artikel seterusnya：HTML里无法显示背景颜色的解决方法