本文目录一览：
- 1、js 如何获取上传文件的大小
- 2、完美解决js校验文件大小
- 3、如何通过js获取上传文件尺寸
- 4、js怎么判断上传文件的大小
- 5、IE8以上，用js获取上传文件大小和绝对路径的实现代码
- 6、图片上传控制，总上传文件的大小（jsp版）
js 如何获取上传文件的大小
HTML 中input标签有个类型是file。这个是可以上传文件使用的。你可以直接操作这个标签的size来获取文件的大小。
可通过下面的方式
html代码：
js代码：
var fileId = "uploadtest";
var dom = document.getElementById(fileId);
var fileSize = dom.files[0].size;//文件的大小，单位为字节B
完美解决js校验文件大小
思路是img标签中的dynsrc属性。
在FireFox、Chrome浏览器中可以根据document.getElementById(“id_file”).files[0].size 获取上传文件的大小（字节数），而IE浏览器中不支持该属性，只能借助img标签的dynsrc属性，来间接实现获取文件的大小（但需要同意ActiveX控件的运行，但是不会引起上面的不友好、不安全的提示）。
参考如下：
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"""
html xmlns=""
head
meta name="DEscription" contect="my code demo" /
meta name="Author" contect="Michael@" /
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlejs check file size /title
/head
body
img id="tempimg" dynsrc="" src="" style="display:none" /
input type="file" name="file" id="fileuploade" size="40" /
input type="button" name ="check" value="checkfilesize" onclick="checkfile()"/
/body
script type="text/javascript"
var maxsize = 2*1024*1024;//2M
var errMsg = "上传的附件文件不能超过2M！！！";
var tipMsg = "您的浏览器暂不支持计算上传文件的大小，确保上传文件不要超过2M，建议使用IE、FireFox、Chrome浏览器。";
var browserCfg = {};
var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE")=1){
browserCfg.ie = true;
}else if(ua.indexOf("Firefox")=1){
browserCfg.firefox = true;
}else if(ua.indexOf("Chrome")=1){
browserCfg.chrome = true;
}
function checkfile(){
try{
var obj_file = document.getElementById("fileuploade");
if(obj_file.value==""){
alert("请先选择上传文件");
return;
}
var filesize = 0;
if(browserCfg.firefox || browserCfg.chrome ){
filesize = obj_file.files[0].size;
}else if(browserCfg.ie){
var obj_img = document.getElementById('tempimg');
obj_img.dynsrc=obj_file.value;
filesize = obj_img.fileSize;
}else{
alert(tipMsg);
return;
}
if(filesize==-1){
alert(tipMsg);
return;
}else if(filesizemaxsize){
alert(errMsg);
return;
}else{
alert("文件大小符合要求");
return;
}
}catch(e){
alert(e);
}
}
/script
/html
如何通过js获取上传文件尺寸
input id="file_Up" name="file_Up" type="file" onchange="getFileSize(this.value)"/
input id="sub_Import" type="submit" value="导入" /
js中function getFileSize() {
var btnsave = document.getElementById("sub_Import");
btnsave.disabled = true;
var filepath = "";
var fileupload = document.getElementById("file_Up");
if (fileupload.value.length 5) {
alert('请选择文件！');
return;
}
var agent = window.navigator.userAgent;
if (agent.indexOf("Firefox") = 1) {
var maxsize = 4 * 1024 * 1024;
var size = fileupload.files[0].size;
if (size parseInt(maxsize)) {
alert("文件超过大小！");
return false;
js怎么判断上传文件的大小
HTML 中input标签有个类型是file。这个是可以上传文件使用的。你可以直接操作这个标签的size来获取文件的大小。
可通过下面的方式
html代码：
js代码：
var fileId = "uploadtest";
var dom = document.getElementById(fileId);
var fileSize = dom.files[0].size;//文件的大小，单位为字节B
IE8以上，用js获取上传文件大小和绝对路径的实现代码
js实现获取文件大小：
var maxsize = 2*1024*1024;//定义最大为2M。
var errMsg = "上传的附件文件不能超过2M！";
var tipMsg = "您的浏览器暂不支持计算上传文件的大小，确保上传文件不要超过2M，建议使用IE、FireFox、Chrome浏览器。";
var browserCfg = {};
var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE")=1){
browserCfg.ie = true;
}else if(ua.indexOf("Firefox")=1){
browserCfg.firefox = true;
}else if(ua.indexOf("Chrome")=1){
browserCfg.chrome = true;
}
function checkfile(){
try{
var obj_file = document.getElementById("fileuploade");
if(obj_file.value==""){
alert("请先选择上传文件");
return;
}
var filesize = 0;
if(browserCfg.firefox || browserCfg.chrome ){
filesize = obj_file.files[0].size;
}else if(browserCfg.ie){
var obj_img = document.getElementById('tempimg');
obj_img.dynsrc=obj_file.value;
filesize = obj_img.fileSize;
}else{
alert(tipMsg);
return;
}
if(filesize==-1){
alert(tipMsg);
return;
}else if(filesizemaxsize){
alert(errMsg);
return;
}else{
alert("文件大小符合要求");
return;
}
}catch(e){
alert(e);
}
}
js实现获取绝对路径：
function readFile(fileBrowser) {
if (navigator.userAgent.indexOf("MSIE") != -1) {
return getFilePath(fileBrowser);
} else if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Mozilla") != -1) {
return getFilePathWithFF(fileBrowser);
} else {
return;
}
}
function getFilePath(fileBrowser) {
alert("ie");
alert(fileBrowser.value);
}
function getFilePathWithFF(fileBrowser) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch(e) {
alert('由于浏览器安全问题 请按照以下设置 [1] 地址栏输入 "about:config" ; [2] 右键 新建 - 布尔值 ; [3] 输入 "signed.applets.codebase_principal_support" (忽略引号).');
return;
}
var fileName = fileBrowser.value;
alert("firefox");
alert( fileName);
}
图片上传控制，总上传文件的大小（jsp版）
把属于某用户的已经上传了的所有照片大小计算出来；加上用户正准备上传的图片大小，如果超过了某个值 就不许上传；可以用js来判断准备上传文件的大小
js判断上传文件大小第一种方法是利用IE控件
html
input type="file" name="file1" onchange="ShowSize(this.value)"
script language="JavaScript"
!--
function ShowSize(files)
{
var fso,f;
fso=new ActiveXObject("Scripting.FileSystemObject");
f=fso.GetFile(files);
if(f.size1024*4){
alert(f.size+" Bytes");
}
}
//--
/script
/html
第二种方法是利用IE下，Image对象的属性，如：fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters
限制：input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/ K
input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/
img src="about:blank" id="fileChecker" alt="test" height="18"/
script type="text/javascript"
var oFileChecker = document.getElementById("fileChecker");
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete")
{
checkSize();
}
}
function checkSize()
{
var limit = document.getElementById("fileSizeLimit").value * 1024;
if (oFileChecker.fileSize limit)
{
alert("too large");
}
else
{
alert("ok");
}
}
/script