和乐得资源网

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

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

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)
上一篇:已是第一篇内容
下一篇:JS实现刷新iframe的方法
资讯详情页最新发布上方横幅
最新发布的资讯信息
【机关公文|党的建设】中央列出违反八项规定清单80条(2020-09-18 14:36)
【机关公文|领导讲话】70后市长致辞,才华横溢,读后唇齿留香!(2020-09-17 13:06)
【技术文档|网络科技】小心!WordPress插件有漏洞,数百万网站遭探测和攻击(2020-09-09 08:15)
【机关公文|综合汇报】6名县委书记同场向省委汇报!(2020-09-07 22:08)
【机关公文|领导讲话】清华毕业的市委书记: 在市七届人大五次会议闭幕会上的讲话(2020-09-06 16:15)
【心情驿站|婚姻】用四个技巧快速追到相亲女生(2020-09-02 15:16)
【心情驿站|情感】最新520甜蜜情话(2020-09-02 15:06)
【心情驿站|情感】暖心情话 撩妹金句(2020-09-02 15:01)
【技术文档|网络科技】光刻机大败局!!(2020-08-31 18:37)
【机关公文|主题教育】“厉行节约、反对浪费”倡议书参考(2篇)(2020-08-28 15:52)
本站资源全部来源于网络,仅用于学习交流,造成一切损失与本站无关,如存在侵权问题,请及时联系本站处理,谢谢配合!
网站首页 | 关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图
CopyRight 2014-2020 和乐得资源网 | 桂ICP备20004151号-2
展开