扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 前端开发 > VUE >javascript怎么获取文件大小
  • 703

0
分享到

javascript怎么获取文件大小

2024-04-02 19:04:59 703人浏览 安东尼
摘要

本篇内容主要讲解“javascript怎么获取文件大小”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“javascript怎么获取文件大小”吧!方法：1、利用Ac

本篇内容主要讲解“javascript怎么获取文件大小”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“javascript怎么获取文件大小”吧!

方法：1、利用ActiveX控件，语法“var f=new ActiveXObject("Scripting.FileSystemObject");f.GetFile(filePath).size”；2、利用img的fileSize属性。

javascript怎么获取文件大小

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript获取文件大小

方法一，利用ActiveX控件实现：

<script type="text/javascript">
function getFileSize(filePath)
{
  var fso = new ActiveXObject("Scripting.FileSystemObject");
  alert("文件大小为："+fso.GetFile(filePath).size);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value);">
</body>

这个方法在IE可以用，不足之处会有安全提示，把文件名改为.hta则会屏蔽掉安全提示。

方法二，利用img的fileSize：

<script language=javascript> 
var ImGobj=new Image(); //建立一个图像对象 
var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型 
var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,HasCheked,IsImg//全局变量 图片相关属性 
//以下为限制变量 
var AllowExt=".jpg|.gif|.doc|.txt|" //允许上传的文件类型 ?为无限制 每个扩展名后边要加一个"|" 小写字母表示 
//var AllowExt=0 
var AllowImgFileSize=70;  //允许上传图片文件的大小 0为无限制 单位：KB 
var AllowImgWidth=500;   //允许上传的图片的宽度 ?为无限制 单位：px(像素) 
var AllowImgHeight=500;   //允许上传的图片的高度 ?为无限制 单位：px(像素) 
HasChecked=false; 
function CheckProperty(obj)  //检测图像属性 
{ 
 FileObj=obj; 
 if(ErrMsg!="")   //检测是否为正确的图像文件 返回出错信息并重置 
 { 
   ShowMsg(ErrMsg,false); 
   return false;   //返回 
 } 
 if(ImgObj.readyState!="complete") //如果图像是未加载完成进行循环检测 
 { 
   setTimeout("CheckProperty(FileObj)",500); 
   return false; 
 } 
 ImgFileSize=Math.round(ImgObj.fileSize/1024*100)/100;//取得图片文件的大小 
 ImgWidth=ImgObj.width   //取得图片的宽度 
 ImgHeight=ImgObj.height;  //取得图片的高度 
 FileMsg="\n图片大小:"+ImgWidth+"*"+ImgHeight+"px"; 
 FileMsg=FileMsg+"\n图片文件大小:"+ImgFileSize+"Kb"; 
 FileMsg=FileMsg+"\n图片文件扩展名:"+FileExt; 
 if(AllowImgWidth!=0&&AllowImgWidth<ImgWidth) 
   ErrMsg=ErrMsg+"\n图片宽度超过限制。请上传宽度小于"+AllowImgWidth+"px的文件，当前图片宽度为"+ImgWidth+"px"; 
 if(AllowImgHeight!=0&&AllowImgHeight<ImgHeight) 
   ErrMsg=ErrMsg+"\n图片高度超过限制。请上传高度小于"+AllowImgHeight+"px的文件，当前图片高度为"+ImgHeight+"px"; 
 if(AllowImgFileSize!=0&&AllowImgFileSize<ImgFileSize) 
   ErrMsg=ErrMsg+"\n图片文件大小超过限制。请上传小于"+AllowImgFileSize+"KB的文件，当前文件大小为"+ImgFileSize+"KB"; 
 if(ErrMsg!="") 
   ShowMsg(ErrMsg,false); 
 else 
   ShowMsg(FileMsg,true); 
 } 
 ImgObj.onerror=function(){ErrMsg='\n图片格式不正确或者图片已损坏!'} 
 function ShowMsg(msg,tf) //显示提示信息 tf=true 显示文件信息 tf=false 显示错误信息 msg-信息内容 
 { 
 msg=msg.replace("\n","<li>"); 
 msg=msg.replace(/\n/gi,"<li>"); 
 if(!tf) 
 { 
   document.all.UploadButton.disabled=true; 
   FileObj.outerhtml=FileObj.outerHTML; 
   MsgList.innerHTML=msg; 
   HasChecked=false; 
 } 
 else 
 { 
   document.all.UploadButton.disabled=false; 
   if(IsImg) 
    PreviewImg.innerHTML="<img src='"+ImgObj.src+"' width='60' height='60'>" 
   else 
    PreviewImg.innerHTML="非图片文件"; 
    MsgList.innerHTML=msg; 
    HasChecked=true; 
 } 
} 
function CheckExt(obj) 
{ 
 ErrMsg=""; 
 FileMsg=""; 
 FileObj=obj; 
 IsImg=false; 
 HasChecked=false; 
 PreviewImg.innerHTML="预览区"; 
 if(obj.value=="")return false; 
 MsgList.innerHTML="文件信息处理中..."; 
 document.all.UploadButton.disabled=true; 
 FileExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase(); 
 if(AllowExt!=0&&AllowExt.indexOf(FileExt+"|")==-1) //判断文件类型是否允许上传 
 { 
   ErrMsg="\n该文件类型不允许上传。请上传 "+AllowExt+" 类型的文件，当前文件类型为"+FileExt; 
   ShowMsg(ErrMsg,false); 
   return false; 
 } 
 if(AllImgExt.indexOf(FileExt+"|")!=-1)  //如果图片文件，则进行图片信息处理 
 { 
   IsImg=true; 
   ImgObj.src=obj.value; 
   CheckProperty(obj); 
   return false; 
 } 
 else 
 { 
   FileMsg="\n文件扩展名:"+FileExt; 
   ShowMsg(FileMsg,true); 
 } 
 
 } 
 function SwitchUpType(tf) 
 { 
   if(tf) 
   str='<input type="file" name="file1" onchange="CheckExt(this)" style="width:180px;">' 
   else 
   str='<input type="text" name="file1" onblur="CheckExt(this)" style="width:180px;">' 
   document.all.file1.outerHTML=str; 
   document.all.UploadButton.disabled=true; 
   MsgList.innerHTML=""; 
 } 
 </script> 
 <fORM enctype="multipart/form-data" method="POST" onsubmit="return HasChecked;"> 
 <fieldset style="width: 372; height: 60;padding:2px;"> 
 <legend><font color="#FF0000">图片来源</font></legend> 
 <input type="radio" name="radio1" checked onclick="SwitchUpType(true);">本地<input type="radio" name="radio1" onclick="SwitchUpType(false);">远程：<input type="file" name="file1" onchange="CheckExt(this)" style="width:180px;"> <input type="submit" id="UploadButton" value="开始上传" disabled> 
 <div style="border:1 solid #808080;background:#E0E0E0;width200%;height:20px;color:#606060;padding:5px;"> 
 <table border="0"><tr><td width="60" id="PreviewImg">预览区</td><td id="MsgList" valign="top"></td></tr></table> 
 </div> 
 </fieldset> 
 </form>

在IE，FireFox，chrome都可以用，不过只判断图片文件的大小。

到此，相信大家对“javascript怎么获取文件大小”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

--结束END--

本文标题: javascript怎么获取文件大小

本文链接: https://lsjlt.com/news/84421.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • javascript怎么获取文件大小
    本篇内容主要讲解“javascript怎么获取文件大小”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“javascript怎么获取文件大小”吧!方法：1、利用Ac...
    99+
    2024-04-02
  • java怎么获取文件大小
    目前Java获取文件大小的方法有两种：通过file的length()方法获取；通过流式方法获取；通过流式方法又有两种，分别是旧的java.io.*中FileInputStream的available()方法和新的java..nio.*中的F...
    99+
    2016-09-27
    java基础 java
  • nodejs怎么获取文件大小
    在Node.js中，可以使用`fs`模块的`stat`方法来获取文件的大小。`stat`方法返回一个包含文件信息的对象，其中包括`s...
    99+
    2023-08-15
    nodejs
  • C++中怎么获取文件大小
    C++中怎么获取文件大小，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。C++获取文件大小代码示例：#include < iostream>&...
    99+
    2023-06-17
  • java怎么获取文件实际大小
    在Java中，可以使用`File`类的`length()`方法来获取文件的实际大小，单位是字节。下面是一个示例代码：```javai...
    99+
    2023-08-16
    java
  • 怎么使用java file获取文件大小
    您可以使用`java.io.File`类的`length()`方法来获取文件的大小，该方法返回文件的字节数。下面是一个示例代码：``...
    99+
    2023-09-04
    java
  • shell如何获取文件大小
    这篇文章主要为大家展示了“shell如何获取文件大小”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“shell如何获取文件大小”这篇文章吧。获取文件大小stat&...
    99+
    2024-04-02
  • python如何获取文件大小
    Python中可以通过`os.path`模块中的`getsize()`函数来获取文件的大小。使用方法如下：```pythonimpo...
    99+
    2023-08-15
    python
  • Go语言中怎么获取文件的大小
    本篇文章为大家展示了Go语言中怎么获取文件的大小，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。Read字节方式第一种，是最直观会想到的，也就是打开文件，把文件读取一遍。func main(...
    99+
    2023-06-16
  • Linux中如何获取文件大小
    Linux中如何获取文件大小，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。代码实现：unsigned long get_file_size(const&nb...
    99+
    2023-06-17
  • C#中获取文件大小问题
    目录C# 获取文件大小C# 获取文件占用空间 (绝对准确)首先说下文件大小与占用空间的区别计算思路获取文件的实际大小后续总结C# 获取文件大小 直接贴代码吧         /// ...
    99+
    2023-02-26
    C#获取文件大小 C#文件大小 C#获取文件
  • C#中获取文件大小问题怎么解决
    本篇内容主要讲解“C#中获取文件大小问题怎么解决”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“C#中获取文件大小问题怎么解决”吧!C# 获取文件大小直接贴代码吧   ...
    99+
    2023-07-05
  • jquery怎么获得文件大小
    使用jquery获取文件大小的方法：1.新建html项目，引入jquery；2.创建input标签，设置id属性；3.添加button按钮，绑定onclick点击事件；4.通过id获取文件对象，使用[0].files[0].size方法获取...
    99+
    2024-04-02
  • Python怎么获取视频文件的大小和时长
    这篇文章主要介绍“Python怎么获取视频文件的大小和时长”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“Python怎么获取视频文件的大小和时长”文章能帮助大家解决问题。1. 前置知识这里一共需要用...
    99+
    2023-07-05
  • Linux 下C语言获取文件大小
    Linux 下C语言获取文件大小 C语言是一种比较底层的语言，有时在其他语言中很容易操作的事情，在c语言中就比较麻烦，例如获取一个文件的大小。Java中File类有个length函数，Python中os.p...
    99+
    2022-06-04
    文件大小 语言 Linux
  • java如何获取上传文件大小
    在Java中，可以通过使用`File`类或`MultipartFile`类来获取上传文件的大小。1. 使用`File`类获取文件大小...
    99+
    2023-08-23
    java
  • VBS怎么获得文件夹大小
    本篇内容主要讲解“VBS怎么获得文件夹大小”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“VBS怎么获得文件夹大小”吧!核心代码'----------------------'获得...
    99+
    2023-06-08
  • MultipartFile获取文件名，文件大小，文件后缀等方法
    获取文件名及后缀信息： MultipartFile file = new MultipartFile();String file = file.getOriginalFilename() 获取文件名： MultipartFile file ...
    99+
    2023-08-31
    spring boot java
  • C++怎么用libcurl获取下载文件名称及大小
    今天小编给大家分享一下C++怎么用libcurl获取下载文件名称及大小的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。显示效果...
    99+
    2023-07-05
  • java获取文件大小的几种方法
    目前Java获取文件大小的方法有两种：通过file的length()方法获取；通过流式方法获取；通过流式方法又有两种，分别是旧的java.io.*中FileInputStream的available()方法和新的java..nio.*中的F...
    99+
    2023-05-31
    java 文件大小 ava
软考高级职称资格查询
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作