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. PS使模糊图片变清晰

    操作步骤 \(文件\)

  2. C# list.toArray list与数组的转换

    void Start () { List<int> list = new List<int>(); list.Add(); list.Add(); list.Add(); li ...

  3. Java异常处理学习

    今天才开通了博客园的博客,希望可以记录自己学习的点点滴滴.最近去处理了一些私人事情,有点烦人,希望自己不要被这些破事所影响. 最近在看马士兵老师的Java基础的视频,(中断了一周)发现本科时候的胡老师 ...

  4. vue脚手架 && 实例

    什么是vue脚手架? 即可以快速构建vue项目的工具,通过它,我们可以将vue项目所需要的文件等安装完成. 为什么要是用vue脚手架,优点何在? 因为创建一个vue项目需要很多的依赖,文件的设置等,而 ...

  5. python文件操作和集合(三)

    对文件的操作分三步: 1.打开文件获取文件的句柄,句柄就理解为这个文件 2.通过文件句柄操作文件 3.关闭文件. 文件基本操作:         f = open('file.txt','r') #以 ...

  6. S3C2440 中断相关寄存器小探

    ========================================== 转载时请注明出处和作者联系方式 文章出处:http://blog.csdn.net/longintchar 作者联 ...

  7. 通过一个例子，总结下检测数组属性的N种方法

    判断arr数组里是否含有a,有a返回1;没有返回2var arr = [{a:1,b:2,c:3},{q:1,w:2,e:3},{s:4,g:5,i:9},{b:2,v:3,u:4}]; 检测属性的3 ...

  8. 文件选择之OpenFileDialog控件

    OpenFileDialog控件主要用于选择要打开的文件,在使用时可以在属性面变中设置属性,也可在代码中设置其属性 OpenFileDialog控件的属性 InitialDirectory 对话框的初 ...

  9. vlh 标签详解

    1.vlh:root  root标签做为所有vlh标签的根标签.  1)value  在给定的范围内,包含在ValueList或list的变量名. List的实例自动被DefaultListBacke ...

  10. FTL(FreeMarker)基础

    FreeMarker标签使用一.FreeMarker模板文件主要有4个部分组成1.文本,直接输出的部分2.注释,即<#--...-->格式不会输出3.插值(Interpolation):即 ...