`
岳乡成
  • 浏览: 122006 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

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

阅读更多
<script type="text/javascript">
  
$(document).ready(function(){
$("#form0").submit(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;
        }
       
   var img=new Image();
   img.src=filepath;  
   while(true){
    if(img.fileSize>0){
    if(img.fileSize>3*1024){      
            alert("图片不大于300KB。");
            return false;
            }
        break;
    }
   }
  
   return true;      
});
});
</script>
0
4
分享到:
评论
1 楼 leoz0802 2010-10-14  
ie8表示压力很大

相关推荐

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

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

    jQuery-edit(html文件上传)

    1. **文件选择**:jQuery-edit提供了一种优雅的方式让用户选择文件,可以自定义文件类型过滤,例如只允许上传图片或文档等。 2. **实时预览**:对于支持的文件类型,如图片,jQuery-edit可以即时显示预览图,让用户...

    jQuery图片上传插件支持多图批量上传与多文件批量上传控件

    6. **自定义配置**:开发者可以根据需求自定义设置,如设置上传文件的最大数量、大小限制、文件类型过滤等。 7. **易于集成**:由于是基于jQuery构建,这个插件可以轻松地整合到任何现有的jQuery项目中,只需引入...

    asp.net+jquery.uploadify文件上传(异步上传)

    2. **文件大小限制**:限制上传文件的大小,防止DoS攻击。 3. **文件类型检查**:验证上传的文件类型,只接受预期的类型,防止恶意文件上传。 4. **权限控制**:确保只有授权用户可以上传文件,并且上传的文件存放在...

    jQuery 文件管理器(带PHP上传程序)

    1. **安全性**:防止恶意文件上传,例如通过检查文件类型、大小和扩展名来过滤危险文件。 2. **错误处理**:处理上传过程中可能出现的各种问题,如网络中断、文件大小超出限制等,并向用户反馈清晰的错误信息。 3....

    jquery文件管理

    3. **文件列表展示**:文件名、大小、类型、修改日期等信息会被展示在列表中,用户可以通过搜索、排序、过滤等功能查找所需文件。 4. **文件操作**:包括下载、移动、复制、重命名、删除等。jQuery可以轻松实现这些...

    ASP.NET+jquery实现多文件上传

    3. **显示文件过滤**:在用户界面中,可以使用jQuery处理文件选择后立即显示选定文件的信息,例如文件名、大小和类型,让用户了解已选中的文件是否符合上传要求。 4. **修改目录**:在ASP.NET中,可以使用`System....

    jquery uploadify实现批量上传

    要使用jQuery Uploadify,首先你需要在你的项目中引入jQuery库和Uploadify的JavaScript及CSS文件。通常,这涉及到在HTML头部添加如下链接: ```html &lt;!-- jQuery --&gt; &lt;script src="https://code.jquery....

    PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传

    在实际项目中,你可能还需要添加更多的功能,比如文件类型检查、大小限制、进度条显示、错误处理等,以提供更完善的用户体验。同时,为了提高安全性,记得对用户上传的文件进行验证和过滤,防止恶意文件的上传。

    php文件上传大小客户端判断

    使用Plupload,开发者可以自定义设置上传参数,如文件大小限制,并且能够优雅地处理各种浏览器的兼容性问题。 总的来说,客户端文件上传大小判断是提升网站性能和用户体验的有效手段。通过JavaScript或其他前端技术...

    jQuery Uploadify + Apache Fileupload异步上传文件示例

    可以对文件名进行重命名,限制上传文件的类型和大小。 5. 示例代码: - 前端HTML部分: ```html $('#fileInput').uploadify({ 'uploader': 'uploadify.swf', 'script': '/upload', 'fileTypeDesc': '...

    jQuery上传图片前端代码

    - Base64编码的图片字符串较长,可能导致页面加载速度变慢,因此可能需要限制上传文件的大小。 - 为了防止XSS攻击,必须确保正确过滤和转义用户输入的Base64字符串。 7. **与后端交互**: - 前端获取的Base64...

    Struts2上传jQuery使用的框架和插件

    本文主要探讨了在Struts2框架下使用jQuery及其插件实现文件上传的技术方案。具体涉及的技术栈包括: - **Struts2**: 一个开源的Web应用开发框架,基于MVC模式。它提供了一种优雅的方式来构建易于维护且可扩展的应用...

    jQuery File Upload演示与下载

    在使用jQuery File Upload时,务必注意安全性问题,如防止跨站请求伪造(CSRF)攻击,限制上传文件的大小和类型,以及对上传的文件进行安全检查,避免恶意文件被上传至服务器。 总结来说,jQuery File Upload是一...

    jsp+jquery的上传控件

    文件上传的安全性也非常重要,包括限制文件大小、过滤危险文件类型等。 6. **前端交互设计**:jQuery可以用来创建丰富的用户体验,比如使用进度条显示上传进度,使用提示信息告知用户上传状态,以及错误处理机制,...

    jquery无刷新上传插件

    - **初始化插件**:在文档加载完成后,使用jQuery选择器找到文件输入元素,然后调用插件的初始化方法,配置相关的参数,如上传URL、文件类型限制等。 - **事件监听**:设置上传过程中可能触发的事件,如文件选择、...

    struts2下利用jquery、ajaxfileupload实现无刷新上传文件

    在实际开发中,还需要考虑一些其他因素,如错误处理、文件大小限制、文件类型检查等。同时,为了提高用户体验,可以添加进度条显示上传进度,或者提供取消上传的功能。 总的来说,通过整合Struts2、jQuery和...

    客户端上传文件到服务器

    - 权限控制:确保只有授权用户能上传文件,并限制可上传的文件类型和大小。 7. 用户体验: - 上传进度反馈:通过前端显示上传进度,让用户知道文件上传的状态。 - 错误处理:提供友好的错误提示,帮助用户解决...

    jquery 上传插件Uploadify-v3.0.0.zip

    - **文件类型过滤**:可以限制用户只能上传特定类型的文件。 **3. 安装与配置** 安装Uploadify需要引入jQuery库和Uploadify的JavaScript及CSS文件。在HTML中添加上传按钮,并设置相应的属性,如`id`、`queueID`等...

    Plupload + jquery.plupload.queue 批量上传 和 plupload.full单个上传

    在实际应用中,还需要考虑安全性问题,如防止恶意文件上传、限制文件类型、检查文件大小等。同时,为了提供良好的用户体验,可以添加进度条显示、错误提示等功能。总的来说,Plupload结合`jquery.plupload.queue`和...

Global site tag (gtag.js) - Google Analytics