1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>

 <script type="text/javascript">

     $(document).ready(

             function() {

                 $("#form01").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格式");

                                 return false;

                             } else {

                                 $("#name01").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)

                                             $(".size02").text(num04 + "KB");

                                         }

                                         break;

                                     }

                                 }

                             } else {

                                 file_size = this.files[0].size;

                                 console.log(file_size / 1024 / 1024 + " MB");

                                 var size = file_size / 1024;

                                 if (size > 10240) {

                                     alert("上传的文件大小不能超过10M！");

                                 } else {

                                     var num01 = file_size / 1024;

                                     num02 = num01.toFixed(2)

                                     $("#size01").text(num02 + " KB");

                                 }

                             }

                             return true;

                         });

             });

 </script>

 <title>无标题文档</title>

 </head>

 <body>

     <table width="500" cellspacing="0" cellpadding="0">

         <tr>

             <td width="72" id="name01"></td>

             <td width="242"><input type="file" name="myFile" id="form01" /></td>

             <td width="184" id="size01" class="size02"></td>

         </tr>

     </table>

 </body>

 </html>

javaScript校验图片大小、格式的更多相关文章

  1. JavaScript校验图片格式及大小

    <!DOCTYPE html> <html> <head> <title>JavaScript校验图片格式及大小</title> <s ...

  2. [代码片段]javascript检查图片大小和格式

    function checkImgType(input) { var this_ = document.getElementsByName('imgFile')[0]; var filepath = ...

  3. C#上传图片（含有图片大小格式过滤以及改变像素安全存储）

    示例一: public JsonResult Upload(string parameter) { ]; try { //LogHelper.Info("文件长度:" + file ...

  4. javascript笔记——图片大小检测

    <html> <head> <script type="text/javascript"> var isIE = /msie/i.test(na ...

  5. SpringMVC 图片上传，检查图片大小

    使用SpringMVC+Spring 前端提交图片文件到Controller,检查上传图片大小是否符合要求 直接上代码了 1.校验图片大小 这里提供出验证的方法,用于在需要校验的地方调用 /** * ...

  6. 在ASP.NET MVC下实现单个图片上传, 客户端服务端双重限制图片大小和格式, 服务端裁剪图片

    在"MVC文件图片ajax上传轻量级解决方案,使用客户端JSAjaxFileUploader插件01-单文件上传"一文中,使用JSAjaxFileUploader这款插件实现了单文 ...

  7. 关于前端使用JavaScript获取base64图片大小的方法

    base64原理 Base64编码要求把3个8位字节(38=24)转化为4个6位的字节(46=24),之后在6位的前面补两个0,形成8位一个字节的形式. 如果剩下的字符不足3个字节,则用0填充,输出字 ...

  8. WebView加载HTML图片大小自适应与文章自动换行

    http://www.brighttj.com/ios/ios-webview-load-html-image-adaptive.html 在很多App中都会使用到webview,尤其是在加载新闻内容 ...

  9. 图片上传并显示（兼容ie），图片大小判断

    图片上传并显示(兼容ie),图片大小判断 HTML <div id="swf" style="margin: 0 auto;text-align: center;& ...

随机推荐

  1. F. Cooking Time 贪心

    http://codeforces.com/gym/101498/problem/F 对于知道使用情况的置换算法,最优解是找一个最后需要使用的物品替换掉 也就是,如果一个物品后面已经不需要用到,就要拿 ...

  2. php 自带加密、解密函数

    php 自带的加密函数  不可逆的加密函数为:md5().crypt() md5() 用来计算 MD5 哈稀.语法为:string md5(string str); crypt() 将字符串用 UNI ...

  3. hdu 4123 树形DP+单调队列

    http://acm.hust.edu.cn/vjudge/problem/25790 这题基本同poj 3162 要注意mx,mx2,vx,vx2每次都要初始化 #include <iostr ...

  4. ActiveMQ实例2--Spring JMS发送消息

    参考文章:http://my.oschina.net/xiaoxishan/blog/381209#OSC_h3_7 一,步骤参照参考文献 二.新建的项目 三.补充 web.xml <?xml ...

  5. ATL

    Normal COM.cpp #include "resource.h" // 主符号 #include "ATLCOM_i.h" #include " ...

  6. 线程队列queue

    队列queue 队列用于线程之间安全的信息交换 队列和列表的区别:队列里的信息get()后就没了,而列表获取数据则是copy,原列表里的值还在 使用前先实例化队列 q = queue.Queue(ma ...

  7. staticmethod classmethod property方法

    @staticmethod 静态方法 函数修饰符,用来修饰一个函数,类似于装饰器 class Dog(object): def __init__(self,name): self.name = nam ...

  8. git 获取领先落后的命令

    git --git-dir=/data/usr/local/gerrit-site/git/aixuexi-admin.git rev-list --left-right --count master ...

  9. C#实现屏幕指定区域截屏

    //string Opath = @"C:/Picture";            //if (Opath.Substring(Opath.Length - 1, 1) != @ ...

  10. MongoDB详解

    一.简介 MongoDB是一款强大.灵活.且易于扩展的通用型数据库 1.易用性 1)MongoDB是一款面向文档的数据库,而不是关系型数据库,因此而有着更好的扩展性. 2)通过在文档中嵌入文档和数组, ...