`
wang371134086
  • 浏览: 128452 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JQUERY验证上传文件大小

阅读更多

 function checkImgType(this_){

 

   var filepath=$(this_).val();

   var extStart=filepath.lastIndexOf(".");

 

   var ext=filepath.substring(extStart,filepath.length).toUpperCase();

 

   if(ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"){

 

  alert("图片限于png,gif,jpg格式");

  $(this_).focus();

  if ( $.browser.msie) {  //判断浏览器

    this_.select();

             document.execCommand("delete");

  }else{

$(this_).val("");

  }

  return false;

   }

 

   var file_size = 0;          

                if ( $.browser.msie) {      

                   var img=new Image();

    img.src=filepath;   

 

if(img.fileSize > 0){

 

if(img.fileSize>3*1024){   

alert("图片不大于3MB。");

$(this_).focus();

     this_.select();

                                  document.execCommand("delete");

 return false ;

}

 

}

 

                } else {

 

                    file_size = this_.files[0].size;   

 

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

 

var size = file_size / 1024;  

alert(size);

if(size > 3){  

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

$(this_).focus();

$(this_).val("");

return false ;

}

}

       return true;

}

分享到:
评论

相关推荐

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

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

    jquery-大文件上传插件,支持分片上传,断点续传

    7. **大小限制**:可以设定最大和最小上传文件大小,防止过大的文件消耗过多资源,或者过小的文件不符合要求。 在"fcup2-master"这个文件夹中,很可能包含了这个插件的源码、示例、文档等资源,开发者可以深入研究...

    jQuery简单验证上传文件大小及类型的方法

    知识点二:jQuery验证上传文件大小 在文件上传中,文件大小也是一个需要验证的重要因素,防止过大文件影响服务器运行效率。实例中,对于非IE浏览器,通过访问File接口获取文件对象,并使用file.size属性来获取文件...

    jquery 文件上传资料

    **jQuery 文件上传技术详解** ...服务器端的PHP脚本处理上传文件的实际存储和验证,确保上传过程的安全和有效性。对于开发者而言,理解这些核心概念和技术,能够帮助他们更好地实现高效、友好的文件上传功能。

    jQuery批量上传

    此外,为了防止恶意用户大量上传文件,我们需要实施一些安全措施,比如设置上传大小限制、验证文件类型以及检查文件是否已存在。 在实际应用中,我们还需要考虑错误处理和用户体验优化。例如,当某个文件上传失败时...

    jQuery多文件上传并获取大小与格式代码

    总结起来,jQuery多文件上传并获取大小与格式涉及的关键知识点包括:HTML表单的`<input type="file">`元素,jQuery事件监听,File API中的`File`对象,以及文件大小和类型的处理。通过这些技术,开发者可以创建用户...

    JQuery 异步上传文件demo

    在本项目"JQuery异步上传文件demo"中,我们将探讨如何使用jQuery的Ajax功能来实现这一目标。 首先,让我们了解异步上传的基本原理。传统的文件上传通常涉及表单提交,这会导致页面刷新,打断用户操作。而异步上传则...

    jquery多文件上传

    1. 文件大小限制:在HTML5中,可以使用`accept`属性限制可选择的文件类型,`maxFileSize`配置项可以限制单个文件大小。 2. 安全性:确保实施足够的安全措施,避免恶意用户上传有害文件。 3. 用户体验:提供清晰的...

    jquery文件上传例子(两种方式)

    它们接收HTTP请求,解析上传文件,可能包括验证文件大小、类型等,然后将文件保存到服务器的指定位置。在处理完成后,控制器会返回一个JSON或XML响应,告知前端上传结果。 另一种jQuery文件上传方法是使用插件,...

    jquery 上传,批量上传 进度条显示

    确保正确处理文件上传的安全性,如验证文件类型、大小等。 总结来说,使用 jQuery 实现批量文件上传和进度条显示,主要涉及以下步骤: 1. 创建多文件选择的输入元素。 2. 监听文件选择事件,封装文件到 FormData ...

    jquery uploadify java文件上传

    4. **安全验证**:对上传文件进行类型检查,防止恶意文件(如病毒或脚本)的上传。 综上所述,jQuery Uploadify结合Java提供了一套完善的文件上传解决方案。开发者可以通过自定义配置和后端逻辑,轻松地将此功能...

    jquery php 文件异步上传

    在文件上传过程中,PHP主要负责接收前端发送的文件数据,验证文件类型、大小等安全性问题,然后将文件保存到服务器的特定位置。 文件上传通常有两种方式:传统的表单提交(Form)和异步(Ajax)方式。在"form.php"...

    jquery客户端判断上传文件的格式和大小

    在上述代码中,`MAX_FILE_SIZE`代表允许的最大文件大小,单位为字节。根据实际需求,你可以调整这个值。`allowedTypes`数组则包含了允许上传的MIME类型。这里我们只允许上传JPEG、PNG图片和PDF文件,你可以根据项目...

    php+swfupload+jquery上传文件,仿163邮箱上传

    总结起来,实现"php+swfupload+jquery上传文件,仿163邮箱上传"的功能,涉及前端与后端的紧密配合,通过JavaScript库SWFUpload处理文件选择、上传和进度显示,借助PHP处理文件的接收、验证和存储,以及数据库的操作...

    Jquery Large File Upload (Jquery实现大文件上传).rar

    6. **安全性考虑**:为了防止恶意文件上传,开发人员需要在后端进行文件类型的检查,限制上传的文件大小,并可能使用文件名重命名策略,以避免文件覆盖或路径遍历攻击。 7. **跨域资源共享(CORS)**:如果涉及到不同...

    一个jquery 的多文件上传示例

    在IT行业中,jQuery是一个广泛使用...在实际项目中,你可能需要根据具体需求调整代码,例如添加错误处理、文件大小限制、文件类型检查等。这个示例提供了一个很好的起点,可以帮助开发者快速构建自己的多文件上传系统。

    jquery上传多个文件

    在这个例子中,当文件大小超过4KB时,会将其保存到临时目录。然后,通过`DiskFileItemFactory`实例化`ServletFileUpload`对象,并设置最大上传尺寸,防止用户上传过大的文件。 使用`ServletFileUpload`的`parse...

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

    6. **服务器端处理**:确保服务器端有接收并处理这些上传文件的逻辑,包括验证、存储和返回响应。 这个jQuery图片上传插件通过其强大的功能和易于使用的API,为开发者提供了便捷的图片和文件批量上传解决方案。无论...

    jQuery+php实现ajax文件即时上传

    7. **files**:这个目录可能是服务器上用来存储上传文件的地方。当用户通过Ajax上传文件时,PHP脚本会将文件保存到这个目录中。 在实际应用中,为了提高用户体验,还会使用Progress事件来显示上传进度条,以及使用...

    JQuery文件上传支持多文件上传可预览

    4. **错误处理**:对于上传过程中可能出现的错误,如文件类型限制、文件大小超出限制等问题,插件会提供相应的反馈。开发者可以通过配置回调函数来定制错误处理逻辑,例如显示错误提示或者重新尝试上传。 5. **...

Global site tag (gtag.js) - Google Analytics