您的位置：首页 > 其它

上传文件的文件类型及大小的判断

2016-01-23 10:14 369 查看
<script type="text/javascript">function fileChange(obj) {

//检测上传文件的类型

var imgName = obj.value;

if (imgName == '') {

document.all.submit_upload.disabled = true;

alert("请选择需要上传的文件!");

return;

} else {

/*/\.(gif|jpg|jpeg|bmp)$/*/

var reg = /(?:jpg|gif|png|jpeg)$/;

if (!reg.test(obj.value)) {

document.all.submit_upload.disabled = true;

alert("只能上传.jpg .png .jpeg .gif类型的文件!");

} else {

var isIE = /msie/i.test(navigator.userAgent) && !window.opera;

var fileSize = 0;

if (isIE && !obj.files) {

var filePath = obj.value;

var fileSystem = new ActiveXObject("Scripting.FileSystemObject");

var file = fileSystem.GetFile(filePath);

fileSize = file.Size;

} else {

fileSize = obj.files[0].size;

}

var size = fileSize / 1024 * 1024;

if (size > (1024 * 100)) { //size单位为B

document.all.submit_upload.disabled = true;

alert("文件大小不能超过100KB");

} else {

document.all.submit_upload.disabled = false; //可以上传

/*// var img = null;

var image = new Image();

// img.style.visibility = "hidden";

image.src = obj.value;

document.body.appendChild(image);

image.onload = function(){

console.log(image.offsetWidth);

image.style.display = 'none';*/

}

}

}

}

}

</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 />
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航