JS限制上传文件类型和大小(不是宽高)
2015-01-21 14:35
393 查看
<html>
<head>
<script type="text/javascript">
function fileChange(target){
//检测上传文件的类型
var imgName = document.all.up_file.value;
var ext,idx;
if (imgName == ''){
document.all.submit_upload.disabled=true;
alert("请选择需要上传的文件!");
return;
} else {
idx = imgName.lastIndexOf(".");
if (idx != -1){
ext = imgName.substr(idx+1).toUpperCase();
ext = ext.toLowerCase( );
// alert("ext="+ext);
if (ext != 'jpg' && ext != 'png' && ext != 'jpeg' && ext != 'gif'){
document.all.submit_upload.disabled=true;
alert("只能上传.jpg .png .jpeg .gif类型的文件!");
return;
}
} else {
document.all.submit_upload.disabled=true;
alert("只能上传.jpg .png .jpeg .gif类型的文件!");
return;
}
}
//检测上传文件的大小
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
var fileSize = 0;
if (isIE && !target.files){
var filePath = target.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
} else {
fileSize = target.files[0].size;
}
var size = fileSize / 1024*1024;
if(size>(1024*200)){
document.all.submit_upload.disabled=true;
alert("文件大小不能超过200KB");
}else{
document.all.submit_upload.disabled=false;
}
}
</script>
</head>
<body>
<input type="file" id="up_file" name="up_file" onchange="fileChange(this);" />
<input id="submit_upload" type="submit" class="load-btn" value="上传" disabled />
</body>
</html>
// 动态
var id = $(target).attr("id");
//检测上传文件的类型
var imgName = $("#"+id)[0].value;
<head>
<script type="text/javascript">
function fileChange(target){
//检测上传文件的类型
var imgName = document.all.up_file.value;
var ext,idx;
if (imgName == ''){
document.all.submit_upload.disabled=true;
alert("请选择需要上传的文件!");
return;
} else {
idx = imgName.lastIndexOf(".");
if (idx != -1){
ext = imgName.substr(idx+1).toUpperCase();
ext = ext.toLowerCase( );
// alert("ext="+ext);
if (ext != 'jpg' && ext != 'png' && ext != 'jpeg' && ext != 'gif'){
document.all.submit_upload.disabled=true;
alert("只能上传.jpg .png .jpeg .gif类型的文件!");
return;
}
} else {
document.all.submit_upload.disabled=true;
alert("只能上传.jpg .png .jpeg .gif类型的文件!");
return;
}
}
//检测上传文件的大小
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
var fileSize = 0;
if (isIE && !target.files){
var filePath = target.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
} else {
fileSize = target.files[0].size;
}
var size = fileSize / 1024*1024;
if(size>(1024*200)){
document.all.submit_upload.disabled=true;
alert("文件大小不能超过200KB");
}else{
document.all.submit_upload.disabled=false;
}
}
</script>
</head>
<body>
<input type="file" id="up_file" name="up_file" onchange="fileChange(this);" />
<input id="submit_upload" type="submit" class="load-btn" value="上传" disabled />
</body>
</html>
// 动态
var id = $(target).attr("id");
//检测上传文件的类型
var imgName = $("#"+id)[0].value;
相关文章推荐
- JS限制上传文件类型和大小(不是宽…
- js限制input file文件上传的大小和类型
- js限制上传文件类型和大小
- js验证上传文件大小、图片类型限制
- js限制上传文件的类型和大小
- JS 限制上传文件的类型和大小
- js限制上传文件大小及类型
- Apache+PHP,swfupload做批量上传时遇到的文件类型支持问题和文件上传大小限制问题的相应解决方案
- php非常简单的文件上传,没有文件类型、大小限制
- js验证上传图片文件大小,类型等
- js判断上传文件的类型和大小示例代码
- js限制本地上传文件大小(支持ie6,7,8 firefox 谷歌)
- jquery限制上传文件的类型和限制文件的大小
- js判断上传文件的类型和大小
- 如何修改上传文件大小及类型的限制 - [MOSS 2007应用日记]
- js限制上传文件大小
- 使用jquery过滤上传文件的类型和限制文件的大小
- 文件上传时使用拦截器限制文件大小类型无效的问题
- jsp、js限制本地上传图片大小、类型(js经过测试,项目中可以使用)
- Struts2文件上传 —— 限制文件的大小及类型