【求助】使用text类型为file的验证大小问题

2015-10-15 10:12

题主

xgsxqhhl
用户名称：	xgsxqhhl
加入日期：	2014-08-13 10:38
登录次数：	160

我想在前台判断文件大小。

在网上找了几种方法

1.直接获取

var fileSize = 0;
if (isIE && !target.files) {
var filePath = target.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
} else {
fileSize = target.files[0].size;
}

问题：

1）.ActiveXObject未定义

2）.files[0]未定义

2.用IMG获取

var obj_file = document.getElementById("fileuploade");
var obj_img = document.getElementById('tempimg');
obj_img.dynsrc=obj_file.value;
filesize = obj_img.fileSize;

问题：

1）dynsrc 未定义

请问如何验证上传文件大小？或者以上方法的使用存的问题如何解决？

谢谢回复。

2015-10-15 13:36

Chen Jie
用户名称：	chenjie
加入日期：	2012-05-29 23:07
登录次数：	4879

可以参考以下代码，但低版本IE不支持：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Show File Data</title>
<style type='text/css'>
body {
    font-family: sans-serif;
}
</style>
<script type='text/javascript'>
function showFileSize() {
    var input, file;

    // (Can't use `typeof FileReader === "function"` because apparently
    // it comes back as "object" on some browsers. So just see if it's there
    // at all.)
    if (!window.FileReader) {
        bodyAppend("p", "The file API isn't supported on this browser yet.");
        return;
    }

    input = document.getElementById('fileinput');
    if (!input) {
        bodyAppend("p", "Um, couldn't find the fileinput element.");
    }
    else if (!input.files) {
        bodyAppend("p", "This browser doesn't seem to support the `files` property of file inputs.");
    }
    else if (!input.files[0]) {
        bodyAppend("p", "Please select a file before clicking 'Load'");
    }
    else {
        file = input.files[0];
        bodyAppend("p", "File " + file.name + " is " + file.size + " bytes in size");
    }
}

function bodyAppend(tagName, innerHTML) {
    var elm;

    elm = document.createElement(tagName);
    elm.innerHTML = innerHTML;
    document.body.appendChild(elm);
}
</script>
</head>
<body>
<form action='#' onsubmit="return false;">
<input type='file' id='fileinput'>
<input type='button' id='btnLoad' value='Load' onclick='showFileSize();'>
</form>
</body>
</html>

2015-10-21 15:03

jjyu
用户名称：	jjyu
加入日期：	2012-08-31 15:07
登录次数：	104

这个方法好

返回开发者社区