和乐得资源网

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

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

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后台实现微信小程序客服消息功能(2022-03-27 17:16)
【技术文档|电脑数码】怎样判断RS232线是直连还是交叉连线?(2022-03-21 12:10)
【技术文档|程序开发】PHP如何实现高级检索功能以及动态拼接sql(2022-02-24 08:17)
【机关公文|对照检查】党史学习教育专题组织生活会个人对照检查材料(2021-07-31 20:01)
【机关公文|党的建设】学习“七一”重要讲话精神宣讲提纲(2021-07-31 20:00)
【机关公文|党的建设】学习贯彻习近平总书记 “七一”重要讲话精神宣讲报告(2021-07-31 19:56)
【机关公文|党的建设】在中央和国家机关优秀共产党员、 优秀党务工作者和先进基层党组织表彰大会上的讲话(2021-07-31 19:50)
【技术文档|程序开发】个人免签支付原理(2021-06-28 14:06)
【技术文档|程序开发】友价商城自由支付接口的设置方法及解释(2021-06-28 07:59)
【技术文档|程序开发】php正则表达式最好解释,一看就明白(2021-05-16 15:46)
本站资源全部来源于网络,仅用于学习交流,严禁从事商业或者非法活动,如存在侵权问题,请及时联系本站处理,谢谢配合!
网站首页 | 关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图
CopyRight 2014-2023 和乐得资源网 | 桂ICP备20004151号
展开