js判断上传图片大小限制300k
2017-03-09 16:22
323 查看
input 标签
js代码
function limitJpg(fileId, imgId, urlId) {
var max_size = 300;// 300k
var tmpFile = document.getElementById(fileId);
if (tmpFile.value == '' || tmpFile.value == null) {
alert("请上传图片");
return false;
}
if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(tmpFile.value)) {
alert("图片类型必须是[.gif,jpeg,jpg,png]中的一种");
tmpFile.value = "";
return false;
} else {
var fileData = tmpFile.files[0];
var size = fileData.size;
if (size > max_size * 1024) {
alert("图片大小不能超过300k");
tmpFile.value = "";
} else {
ajaxFileUpload(fileId, imgId, urlId);
}
}
}
说明:size 拿到的是字节数。
计算机存储信息的大小,最基本的单位是字节,一个汉字由两个字节组成,字母和数字由一个字节组成。
容量的单位从小到大依次是:字节(B)、KB、MB、GB、TB。它们之间的关系是。
1TB=1024GB
1GB=1024MB
1MB=1024KB
1KB=1024字节
通常人们都使用简便的叫法,把后面的“B”去掉,所以你问的1MB就是1024KB。
以上是根据教科书给出的答案,不过理论和实际是有点出入的,硬件方面,特别是硬盘,换算的方式略有差别,既将上面公式里的1024都换成1000,24可以忽略不计。所以现实中我们买的硬盘使用时都会发现,实际可使用的容量和标称的是有差别的,实际可使用的容量比标称的小,而且硬盘越大,差异越大,硬盘厂商以1000MB为1GB,我们的windows系统以1024MB为1GB,就是这样。
<input id="tmpId type="file" name="file" onchange="limitJpg('tmpId');">
js代码
function limitJpg(fileId, imgId, urlId) {
var max_size = 300;// 300k
var tmpFile = document.getElementById(fileId);
if (tmpFile.value == '' || tmpFile.value == null) {
alert("请上传图片");
return false;
}
if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(tmpFile.value)) {
alert("图片类型必须是[.gif,jpeg,jpg,png]中的一种");
tmpFile.value = "";
return false;
} else {
var fileData = tmpFile.files[0];
var size = fileData.size;
if (size > max_size * 1024) {
alert("图片大小不能超过300k");
tmpFile.value = "";
} else {
ajaxFileUpload(fileId, imgId, urlId);
}
}
}
说明:size 拿到的是字节数。
计算机存储信息的大小,最基本的单位是字节,一个汉字由两个字节组成,字母和数字由一个字节组成。
容量的单位从小到大依次是:字节(B)、KB、MB、GB、TB。它们之间的关系是。
1TB=1024GB
1GB=1024MB
1MB=1024KB
1KB=1024字节
通常人们都使用简便的叫法,把后面的“B”去掉,所以你问的1MB就是1024KB。
以上是根据教科书给出的答案,不过理论和实际是有点出入的,硬件方面,特别是硬盘,换算的方式略有差别,既将上面公式里的1024都换成1000,24可以忽略不计。所以现实中我们买的硬盘使用时都会发现,实际可使用的容量和标称的是有差别的,实际可使用的容量比标称的小,而且硬盘越大,差异越大,硬盘厂商以1000MB为1GB,我们的windows系统以1024MB为1GB,就是这样。
相关文章推荐
- 客户端js判断文件类型和文件大小即限制上传大小图片预览
- input type='file'上传图片限制大小,类型判断,以及原生js实现上传至后端前实现图片显
- js限制上传图片类型和大小
- js判断上传图片大小及尺寸
- js客户端判断文件大小限制上传
- asp.net上传图片并判断是否存在限制图片大小
- JS 判断 图片上传_限制格式、类型、尺寸
- 前台js限制上传图片质量大小和尺寸
- js在上传图片前判断大小
- 用js判断上传文件大小的限制和判断
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- js 实现在页面实现上传图片的预览,并判断大小
- 前台JS限制上传图片质量大小和尺寸
- js在上传图片前判断大小
- js在上传图片前判断大小
- 使用iframe方式上传图片,并检测图片大小(解决js限制图片大小在浏览器兼容性方面不行)
- js客户端判断文件大小限制上传
- jsp、js限制本地上传图片大小、类型(js经过测试,项目中可以使用)
- js判断上传图片大小
- JS上传图片前的限制包括(jpg jpg gif及大小高宽)等