js jquery 上传文件格式大小判断简单总结

大家好我是床前明月光,疑是地上霜

// html

<a href="javascript:;" class="file">添加附件    <input type="file" name="" id="fileId" onchange="upload()"></a>
/**判断上传文件文件格式**/var filePath ="";var fileType ="";function upload(){    var fileName = $(‘#fileId‘).val().split(‘\\‘); //得到文件名数组    var fileSize =  document.getElementById(‘fileId‘).files[0]; //获得文件大小;    fileName2 = fileName[fileName.length-1]; // 获得文件名    filePath = $(‘#fileId‘).val().toLowerCase().split(".");    fileType =  filePath[filePath.length - 1]; //获得文件结尾的类型如 zip rar 这种写法确保是最后的    $(‘.errHint‘).show().text(fileName[2]);    console.log(filePath);    console.log(fileType);    if(!(fileType == "png" || fileType == "jpg" || fileType == "xlsx"|| fileType == "docx"|| fileType == "rar" || fileType == "zip" )){        $(‘.errHint‘).show().text(‘文件格式不符合要求!‘)    }else if(fileSize.size>10485760){        $(‘.errHint‘).show().text(‘错误!请上传不超过10M的文件‘);        return    }}拷贝直接用即可
时间: 2024-08-26 00:16:33

js jquery 上传文件格式大小判断简单总结的相关文章

怎么通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端?

今天在论坛上看到这样一个问题,有必要编辑搜集下. 问题描述:怎么通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端 题主用jquery接收 <input name="c_pic" id="c_pic" type="file" class="file"> 用的方法是: var input = document.getElementById("c_pic"); inpu

input file 文件上传,js控制上传文件的大小和格式

文件上传一般是用jquery的uploadify,比较好用.后面会出文章介绍uploadify这个插件. 但是,有时候为了偷懒,直接就用input 的file进行文件和图片等的上传,input file 可以控制上传的格式,但是是html5,很多浏览器不支持,请看我的文章对input file上传类型的控制. 下面我用javascript来控制文件上传的大小和类型. 贴出html代码: <form action="后端接口" enctype="multipart/for

asp.net如何正确判断上传文件格式

ASP.NET中在判断文件格式时,如果通过截取扩展名来做判断.通过ContentType (MIME) 判断都不太安全,因为这两种方式用户都可以伪造. 下面介绍通过byte获取文件类型,来做判断的方式 if (Request.Files.Count > 0) { //这里只测试上传第一张图片file[0]     HttpPostedFile file0 = Request.Files[0];            //转换成byte,读取图片MIME类型     Stream stream;

Jquery form.js文件上传返回JSON数据,在IE下提示下载文件的解决办法,并对返回数据进行正确的解析

Jquery from.js插件上传文件非常方便,但是在ie10以下的版本会弹出下载文件对话框 解决方法: 1.在服务端设置response.setContentType("text/plain"); 2.对返回数据正确解析                这时返回的数据不再是json,不能使用解析json的方法进行解析                       var data1=eval("(" + data+ ")");  //将返回的字符

js图片上传验证图片格式和大小尺寸

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function getImageSize(obj){ var _file=document.getElementById("file

一般网站上传图片的大小是多少?网站图片上传格式大小建议 附带简单修图方法

一般网站上传图片的大小是多少呢?尚网汇智给您列一下网站图片上传格式大小建议: 首先,上传图片格式: 通常图片以JPG图片居多,JPG格式的图片较小,图片也比较柔和 不过特殊情况就要用特殊格式的图片了 如1:图片为动画形式,则可以使用GIF动画格式,存成JPG图片就不会动了 如2:图片为透明或半透明格式,则建议使用24位PNG格式图片,兼容性更好,边缘也显示得更好 然后,就是上传图片的大小问题了: 通常,尚网汇智开发网站时会在后台对各栏目需要上传图片的地方做对应标记(例:最佳尺寸:宽100像素 *

文件上传利器JQuery上传插件Uploadify

在做日常项目中,经常在后台需要上传图片等资源文件,之前使用过几次这个组件,感觉非常好用 ,但是每次使用的时候都是需要经过一番查阅,所以还不如记住在这里,以后使用的时候就翻翻. 他的官方网站如下:http://www.uploadify.com/ 插件下载地址:http://www.uploadify.com/download 说明文档:http://www.uploadify.com/documentation 在此之前,先说明下插件使用流程,该插件是基于jQuery的,所以我们在使用之前需要引

jQuery上传插件Uploadify使用详解(转发原作者冯威)

jQuery上传插件Uploadify使用详解 本文Uploadify版本为2.1.0,已经过时,截止(2016-09-25)最新版本3.2.1的详细介绍请移步<jQuery上传插件Uploadify使用详解(3.2.1)> Uploadify是jQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载. 官方下载 官方文档 官方演示 首先按下面的步骤来实现一个简单的

JQuery上传插件Uploadify使用详解及错误处理

转自:http://www.jb51.net/article/43498.htm 关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样.我根据网上的步骤配置完成后,会报一些错误,而我根据这些错误去网上找解决方案,却没有相关资料,所以为了不让更多的朋友走弯路,我把我遇到的一些问题进行汇总,也方便我自己以后查阅. 什么是Uploadify Uploadify是JQuery的一个上传插件,支持多文件上传,实现的效果非常不错,带进度显示. 官网提供的是PHP的DEMO,在这里我