js限制上传文件的类型和大小
2014-09-25 17:05
197 查看
var maxsize = 6*1024*1024;//6M
var errMsg = "上传的附件文件不能超过6M!!!";
var tipMsg = "您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过6M,建议使用IE、FireFox、Chrome浏览器。";
var browserCfg = {};
var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE")>=1){
browserCfg.ie = true;
}else if(ua.indexOf("Firefox")>=1){
browserCfg.firefox = true;
}else if(ua.indexOf("Chrome")>=1){
browserCfg.chrome = true;
}
function checkfile(){
try{
var obj_file = document.getElementById("instructionName");
if(obj_file.value==""){
alert("请选择上传文件");
return;
}
if(!/\.(doc|xls|pdf|xlsx|pptx|docx|ppt)$/.test(obj_file)){
alert("上传文件只能是doc|xls|pdf|xlsx|pptx|docx|ppt为后缀文件");
$("#instructionName").val('');
return;
}
var filesize = 0;
if(browserCfg.firefox || browserCfg.chrome ){
filesize = obj_file.files[0].size;
}else if(browserCfg.ie){
var obj_img = document.getElementById('tempimg');
obj_img.dynsrc=obj_file.value;
filesize = obj_img.fileSize;
}else{
alert(tipMsg);
$("#instructionName").val('');
return;
}
if(filesize==-1){
alert(tipMsg);
return;
}else if(filesize>maxsize){
alert(errMsg);
return;
}else{
document.getElementById("bigsmall").value=filesize;
return;
}
}catch(e){
alert(e);
}
}
<input id="instructionName" type="file" name="instructionName" value="" onchange="checkfile()" style="width:80"/>
<input type="hidden" id="bigsmall" name="bigsmall" value="" />
var errMsg = "上传的附件文件不能超过6M!!!";
var tipMsg = "您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过6M,建议使用IE、FireFox、Chrome浏览器。";
var browserCfg = {};
var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE")>=1){
browserCfg.ie = true;
}else if(ua.indexOf("Firefox")>=1){
browserCfg.firefox = true;
}else if(ua.indexOf("Chrome")>=1){
browserCfg.chrome = true;
}
function checkfile(){
try{
var obj_file = document.getElementById("instructionName");
if(obj_file.value==""){
alert("请选择上传文件");
return;
}
if(!/\.(doc|xls|pdf|xlsx|pptx|docx|ppt)$/.test(obj_file)){
alert("上传文件只能是doc|xls|pdf|xlsx|pptx|docx|ppt为后缀文件");
$("#instructionName").val('');
return;
}
var filesize = 0;
if(browserCfg.firefox || browserCfg.chrome ){
filesize = obj_file.files[0].size;
}else if(browserCfg.ie){
var obj_img = document.getElementById('tempimg');
obj_img.dynsrc=obj_file.value;
filesize = obj_img.fileSize;
}else{
alert(tipMsg);
$("#instructionName").val('');
return;
}
if(filesize==-1){
alert(tipMsg);
return;
}else if(filesize>maxsize){
alert(errMsg);
return;
}else{
document.getElementById("bigsmall").value=filesize;
return;
}
}catch(e){
alert(e);
}
}
<input id="instructionName" type="file" name="instructionName" value="" onchange="checkfile()" style="width:80"/>
<input type="hidden" id="bigsmall" name="bigsmall" value="" />
相关文章推荐
- js验证上传文件大小、图片类型限制
- JS限制上传文件类型和大小(不是宽高)
- js限制上传文件大小及类型
- js限制input file文件上传的大小和类型
- JS 限制上传文件的类型和大小
- JS限制上传文件类型和大小(不是宽…
- js限制上传文件类型和大小
- js判断上传文件的类型和大小示例代码
- IE+JS: 上传之前检测图片文件大小及类型
- 上传文件 限制文件类型和大小
- Struts1上传文件的大小及类型的限制
- jquery限制上传文件的类型和限制文件的大小
- js限制上传文件大小
- js验证上传图片文件大小,类型等
- Struts2文件上传 —— 限制文件的大小及类型
- Apache+PHP,swfupload做批量上传时遇到的文件类型支持问题和文件上传大小限制问题的相应解决方案
- 文件上传时使用拦截器限制文件大小类型无效的问题
- MOSS 2007应用--如何修改上传文件大小及类型的限制
- js判断上传文件的类型和大小
- Struts2实现文件上传和下载,多文件上传,限制文件大小,限制文件类型