file上传文件,js中获取文件大小解决办法
file上传文件,js中获取文件大小
<input type ="file" id='up'/>
<input type =button value = "测试" onClick="test('up');"/>
用function test(id){
var fup = document.getElementById(id);
var size = fup.files[0].fileSize;
alert("文件大小:"+size);
}
这种方式,alter的size总是undefined
------解决方案--------------------
js应该不行吧,js只能获取到图片大小,文件是无法获取到的,需要通过flash插件来辅助
------解决方案--------------------
<input type ="file" id='up'/>
<input type =button value = "测试" onClick="test('up');"/>
用function test(id){
var fup = document.getElementById(id);
var size = fup.files[0].fileSize;
alert("文件大小:"+size);
}
这种方式,alter的size总是undefined
------解决方案--------------------
js应该不行吧,js只能获取到图片大小,文件是无法获取到的,需要通过flash插件来辅助
------解决方案--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Get File Size</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" > </script>
<script type="text/javascript">
function GetFileSize(fileid) {
try {
var fileSize = 0;
//for IE
if ($.support.msie) {
//before making an object of ActiveXObject,
//please make sure ActiveX is enabled in your IE browser
var objFSO = new ActiveXObject("Scripting.FileSystemObject"); var filePath = $("#" + fileid)[0].value;
var objFile = objFSO.getFile(filePath);
var fileSize = objFile.size; //size in kb
fileSize = fileSize / 1048576; //size in mb
}
//for FF, Safari, Opeara and Others
else {
fileSize = $("#" + fileid)[0].files[0].size //size in kb
fileSize = fileSize / 1048576; //size in mb
}
alert("Uploaded File Size is" + fileSize + "MB");
}
catch (e) {
alert("Error is :" + e);
}
}
</script>
</head>
<body>
<form name="upload" action="">
<input type="file" name="fUpload" id="fUpload" />
<input type="button" value="Get File Size" onclick="GetFileSize('fUpload');" />
</form>
</body>
</html>