html jquery 上传文件大小,jquery实现上传文件大小类型的验证例子

文件上传在网站中很长被用到而用jQuery来做上传给用户的体验又更好点，这章就来讲讲jQuery实现上传，并且验证文件大小的例子，想学习jQuery的同学可以看看！

直接上代码咯：

$(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;

});

});

无标题文档

以上就是jquery实现上传文件大小类型的验证例子，还在学习jQuery的同学可以研究研究。

相关推荐：