JS限制上传文件类型和大小（不是宽高）

FURYNO1

于 2015-01-21 14:35:27 发布

阅读量1.3k

点赞数

分类专栏： JavaScript 文章标签： js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/sheng__sheng/article/details/42968127

版权

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

<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" οnchange="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;

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。