`
celine_q
  • 浏览: 16985 次
  • 性别: Icon_minigender_2
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

图片上传文件类型大小js方法限制

阅读更多

var fileMaxSize=5000;

var fileType="jpg,gif";

var isTypeRight=false;

var str="";

 

function checkForm(){

    str = document.getElementById("imageUpload.imagePath").value.toLowerCase();

    var ext = str.split(".");

    var type = fileType.split(",");

    for(var i=0;i<type.length;i++){

        if(ext[1]==type[i]){

           isTypeRight=true;

        }

    }

    if(isTypeRight){

        var boolSize = checkSize(str);

        if(boolSize){

          

        }else{

           alert("你上传的图片太大,不能超过"+fileMaxSize+"KB");

        }

    }else{

        isTypeRight = false;

        alert("你上传的类型不是"+type+"中的一种");

    }

}

   

function checkSize(fileName){

    var img = new Image();

    img.src=str;

    fsize=img.fileMaxSize/1024;

    fsize=fsize.toFixed(1);

    if(img.readyState!="complete"){

       isTypeRight=false;

       return false;

    }else{

       if(fsize>fileMaxSize){

           isTypeRight=false;

           return false;

       }else{

           isTypeRight=false;

           return true;

       }

    }

}

分享到:
评论

相关推荐

    javascript 实现限制上传文件大小

    javascript 实现限制上传文件大小

    JS判断上传文件的大小类型等限制

    ### JS判断上传文件的大小类型等限制 在Web开发中,文件上传是一个常见的功能需求。为了确保用户体验并防止服务器资源被滥用,前端通常需要对上传的文件进行一系列的验证,如文件大小、文件类型等。本文将详细介绍...

    ExtJS4 上传文件类型和大小的判断方法(实例)

    对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。

    jquery过滤上传文件的类型和限制文件的大小

    ### 使用jQuery过滤上传文件的类型和限制文件大小 在Web开发中,经常需要处理用户上传文件的功能。为了确保系统的安全性和提高用户体验,开发者通常需要对上传的文件进行一系列的检查,比如验证文件类型是否符合...

    js上传图片大小类型限制检测

    例如,如果限制图片大小不能超过2MB,可以这样写: ```javascript function checkFileSize(file, maxSizeInBytes) { return file.size ; } ``` 3. **错误信息输出**: 当检测到图片类型或大小不符合要求时,...

    图片上传-可以限制图片的大小和类型

    综上所述,限制图片上传的大小和类型是保障系统稳定、提升用户体验以及维护安全的重要措施。在实现这一功能时,需要从前端到后端进行全方位的考虑和设计。同时,优化存储和上传流程也是提升整体性能的关键。

    javascript实现限制上传文件大小

    本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; [removed] var isIE = /msie/i.test...

    原生JS上传文件,获取文件二进制数据及文件大小和文件名称

    在前端开发中,上传文件是一项常见的功能,尤其是在用户交互丰富的Web应用中。原生JavaScript提供了强大的能力来处理这种任务,无需依赖外部库如jQuery或React等。本知识点将深入探讨如何使用原生JavaScript实现文件...

    上传图片预览(限制格式大小)

    在IT行业中,尤其是在Web开发领域,用户经常需要上传文件,如图片。为了提供良好的用户体验并保护服务器资源,通常需要对上传的文件进行一些限制,比如限制文件格式和大小。本篇将详细介绍如何在`.NET MVC`框架下,...

    JavaScript判断上传文件大小的限制脚本

    File对象提供了关于文件的信息,如文件名、类型和大小等,这为我们实现文件大小限制提供了可能。 三、文件大小限制的JavaScript实现 1. 获取文件大小 当用户选择文件后,`&lt;input type="file"&gt;`标签的`change`事件会...

    上传文件大小的限制和判断javascript

    本文将深入探讨如何利用JavaScript来实现对上传文件大小的限制与判断。 ### 一、理解上传文件大小的限制 上传文件大小的限制通常由以下几个方面决定: 1. **服务器或应用程序的配置**:服务器或后端框架可能已经...

    上传文件jsweb前端(包含文件格式限制)

    "上传文件jsweb前端(包含文件格式限制)"这个项目旨在提供一个完整的前端文件上传解决方案,它不仅支持基本的文件上传操作,还包含了对文件格式和大小的严格限制,以确保用户上传的数据符合预设的标准,类似于163...

    限制ckeditor上传图片文件大小的方法

    本篇文章主要介绍两种限制CKEditor上传图片文件大小的方法,一种是通过修改PHP配置文件,另一种是直接修改Fckeditor的源码。 首先,我们可以通过修改PHP的配置文件`php.ini`来限制上传文件的大小。默认情况下,PHP...

    C# 文件上传大小限制

    首先,我们需要知道的是,如果你的应用程序托管在IIS(Internet Information Services)上,IIS自身就提供了上传文件大小的限制配置。在IIS管理器中,你可以针对每个网站或应用程序池调整此设置。具体步骤如下: 1....

    javascript控制上传文件的大小及文件类型

    本篇介绍的方法主要基于早期的JavaScript技术实现文件大小和类型的限制。随着现代Web技术的发展,尤其是HTML5的出现,现在更推荐使用`FileReader` API和其他API来实现这些功能,它们提供了更好的跨浏览器支持和更...

    js验证上传图片 大小 格式

    在IT领域,特别是前端开发中,JavaScript(JS)被广泛应用于网页交互与数据验证,其中对上传图片的大小和格式进行验证是常见的需求之一。本文将深入解析如何使用JavaScript进行图片上传前的验证,包括检查图片格式、...

    JavaScript实现的前台限制文件上传类型和大小

    代码是从一个论坛找到的,程序简单易懂,现在不用分共享给需要的人

    大文件上传类,使用简单,显示上传进度条,图片生成缩略图,断线续传,文件类型限制,文件大小限制,上传文件个数限制

    最后,**上传文件个数限制**是控制并发上传的数量,防止过多的并发请求导致服务器过载。可以根据服务器性能和网络条件设定合适的值。 这些功能整合在一个上传类中,可以提供一个完整的解决方案,方便开发者快速集成...

    JS获取文件大小方法小结

    本文主要探讨了三种不同的JS方法来获取文件大小,这些方法主要适用于浏览器环境,尤其是Internet Explorer。 方法一:利用ActiveX控件 在较旧版本的IE浏览器中,可以使用ActiveX技术来访问本地文件系统。ActiveX...

Global site tag (gtag.js) - Google Analytics