这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
这篇文章主要介绍了 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>
PS:这里再为大家推荐几款代码格式化、美化工具,相信大家在以后的开发过程中会用得到:
希望本文所述对大家 jQuery 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0716/265211.html