程序博客网 > 软件开发创业项目

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

来源：互联网发布：软件开发创业项目编辑：程序博客网时间：2024/06/03 14:52

<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 />

0 0

软件开发创业项目

软件开发创业项目

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子论语于丹于丹品三国教授于丹于丹的照片小于丹于丹被轰下北大讲堂于丹生活奢靡照片于丹为啥臭了于丹论语心得于丹为什么臭了于丹真实人品老梁怒批于丹于丹经典语录100句于丹心得全集于丹庄子心得于丹庄子心得mp3下载感恩教育于丹易中天评于丹于丹论语心得8 于丹论庄子心得于丹论语孝道于丹的论语心得于丹为什么被轰下北大讲堂于丹庄子心得在线收听于丹论语心得读后感于丹论语心得文字版于丹论语心得txt下载于丹教授为什么离婚于丹论语心得全集于丹为什么招人嫌于丹老公提出离婚于丹作品全集于丹论语全集于丹论语心得孝道于丹论语心得在线阅读于丹武当论道于丹论语心得孝敬之道于丹学习之道于丹论语心得处世之道于丹论语心得内容于丹论语心得理想之道