和乐得资源网

JS 获取上传文件大小的方法

  • 时间:2020-07-23 15:00 编辑: 来源: 阅读:258
  • 扫一扫,手机访问
摘要:我们有时候在上传文件前要判断文件的大小,通常有以下两种方式:

2020-08-11_184136.jpg

我们有时候在上传文件前要判断文件的大小,通常有以下两种方式:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this)">
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
<script type="text/javascript">

function getFileSize(filePath)
{
var image=new Image();
image.dynsrc=filePath; title="downcc.com提示:点击查看"
alert(image.fileSize);
}

function getFileSize(fileObj)
{
var image=new Image();
image.dynsrc=fileObj.value;
var size = image.fileSize || fileObj.files[0].fileSize;
if(size > 100000){
alert(size);
}

}
</script>
</html>

但是以上代码有一个问题,就是在给image.dynsrc赋值的时候,要有文件的操作权限,换句话说,IE7之后的版本为了提高安全性不允许浏览器对文件进行操作,故以上代码不实用。

以下代码通过调用ActiveX来进行文件的读取,需要启用ActiveX的部分功能。

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>

<script type="text/javascript">

function getFileSize(fileObj) {
if (document.all) {
window.oldOnError = window.onerror;
window.onerror = function(err) {
if (err.indexOf('utomation') != -1) {
alert('No access to the file permissions.');
return true;
}
else
return false;
};
var fso = new ActiveXObject('Scripting.FileSystemObject');
var file = fso.GetFile(fileName);
window.onerror = window.oldOnError;
return file.Size;
}
}

</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this)">
</body>
</html>


  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【技术文档|程序开发】php正则表达式最好解释,一看就明白(2021-05-16 15:46)
【心情驿站|励志】最新唯美励志句子说说心情(2021-04-12 08:25)
【心情驿站|感悟】心烦想哭的说说句子,送给努力的自己(2021-04-12 08:22)
【心情驿站|情感】关于友情的成语大全(2021-04-12 08:11)
【心情驿站|励志】责任与担当好词好句(2021-04-12 08:09)
【心情驿站|励志】爱国爱家家国情怀好词好句(2021-04-12 08:05)
【心情驿站|励志】青春与奋斗好词好句(2021-04-12 08:01)
【机关公文|学习心得】学习党史金句 撰写心得体会必须(2021-03-16 08:04)
【机关公文|领导讲话】在春节上班收假收心会上的讲话(2021-02-17 14:16)
【技术文档|程序开发】超星学习通刷网课 破解刷网课 学习通 超星 教你一招(2020-12-24 14:53)
本站资源全部来源于网络,仅用于学习交流,造成一切损失与本站无关,如存在侵权问题,请及时联系本站处理,谢谢配合!
网站首页 | 关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图
CopyRight 2014-2021 和乐得资源网 | 桂ICP备20004151号-2
展开