input上传文件检测文件大小
2024-08-29 03:36:13
前几天在做 input[type='file'] 上传图片时,需要检测上传文件的内存大小,写了一个小demo,在此做一总结:
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>文件上传大小检测</title>
</head> <body>
<input name="txtName" type="file" multiple accept="image/*" id="pic" onchange="loadImage(this)" />
<script>
function loadImage(img) {
var filePath = img.value;
var fileExt = filePath.substring(filePath.lastIndexOf("."))
.toLowerCase(); if (!checkFileExt(fileExt)) {
alert("您上传的文件不是图片,请重新上传!");
img.value = "";
return;
}
if (img.files && img.files[]) {
// alert(img);
// alert(img.files[0])
alert('你选择的文件大小' + (img.files[].size / ).toFixed() + "kb");
} else {
img.select();
var url = document.selection.createRange().text;
try {
var fso = new ActiveXObject("Scripting.FileSystemObject");
} catch (e) {
alert('如果你用的是ie8以下 请将安全级别调低!');
}
alert("文件大小为:" + (fso.GetFile(url).size / ).toFixed() + "kb");
}
}
function checkFileExt(ext) {
if (!ext.match(/.jpg|.gif|.png|.bmp/i)) {
return false;
}
return true;
}
</script>
</body> </html>
上传文件之后浏览器显示:
之后又发现了其他大牛的全能博客:
https://www.cnblogs.com/tjzhangjianjun/p/5670972.html
https://www.haorooms.com/post/input_file_leixing
最新文章
- Android 游戏教程让人物动起来
- 《UIP在NIOS上的移植》
- 51nod 1116 K进制下的大数 (暴力枚举)
- 【翻译十二】java-并发之活性
- [6] 智能指针boost::weak_ptr
- Spring AOP(配置文件方式)
- Android开发 Failed to install *.apk on device &#39;emulator-5554&#39;: EOF
- Zookeeper实战之单机模式
- 互联网时代的社会语言学:基于SNS的文本数据挖掘
- BNUOJ-26579 Bread Sorting YY
- mfc非模态对话框
- 独立两套DJANGO+CELERY配置(生产+测试)时要注意的一些细节
- Hyper-V避免使用快照
- 高级特性(2)- XML
- [iOS]C语言技术视频-04-程序循环结构(while{})
- 学习CSS记录:选择符优先级
- 【POJ】3090 Visible Lattice Points(欧拉函数)
- Java策略模式以及来自lambda的优化
- 【深度学习系列】用PaddlePaddle和Tensorflow实现GoogLeNet InceptionV2/V3/V4
- maven与eclipse集成