<script language="javascript">
function ShowSize(files)
{
var fso,f;
fso=new ActiveXObject("Scripting.FileSystemObject");
f=fso.GetFile(files);
var fileSize = f.size ;
if((fileSize/1024) < 1024){
alert(fileSize/1024+"K");
}else if( ((fileSize/1024) > 1024) && ((fileSize/(1024*1024)) < 1024)){
alert(fileSize/(1024*1024)+"M");
}else{
alert(fileSize/(1024*1024*1024)+"G")
}
}
</script>
<body onload="ShowSize('D:\开通vip权限客户.xls')">
这种方法可以实现，也容易被开发人员想到，但是唯一不足之处是有安全提示，当然把文件名改为.hta则会屏蔽掉安全提示，但很难被需求所取。不推荐，也不多说
下面主要谈谈另一种方式，在html标签中有一个不为一般开发人员“深”知的img标签，先来说下他有的属性：src，dynsrc，start，alt，controls，loop，loopdelay，hspace，vspace....还有一些常用的属性就不列出来了，在这里我们说一下"dynsrc"这个属性：dynsrc可以用来插入各种多媒体，格式可以是Wav、Avi、AIFF、AU、MP3、Ra、Ram等等。url为音频或视频文件及其路径，可以是相对路径或绝对路径。
示例：<img dynsrc="xxxx.mp3">
这样我们就可以根据dynsrc动态赋值任何类型文件的路径，在javascript中根据Image对象本身的fileSize属性来得到文件的大小。当然Image对象还有其他的几个属性，例如：fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters... ， 代码如下：
Javascript代码
<script type="text/javascript">
function getFileSize(filePath)
{
var image=new Image();
image.dynsrc=filePath;
alert(image.fileSize);
//这里弹出的是字节，要转换成k或者M或者G
var fileSize = image.fileSize;
if((fileSize/1024) < 1024){
alert(fileSize/1024+"K");
}else if( ((fileSize/1024) > 1024) && ((fileSize/(1024*1024)) < 1024)){
alert(fileSize/(1024*1024)+"M");
}else{
alert(fileSize/(1024*1024*1024)+"G")
}
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
分享到：
相关推荐
// 判断文件大小是否超过5MB if ((fileSize / (1024 * 1024)) > 5) { alert("文件大小不能超过5MB"); // 清空输入框 $("#" + target.id).val(""); return false; } } ``` #### 四、关键点解析 1. **检测...
判断文件大小是否超出限制 `getFileSize`函数中，首先检查文件名是否为空，如果为空则提示用户选择文件。然后，尝试获取文件对象并计算其大小（以KB为单位）。接下来，与预先设定的文件大小限制（`flength`）进行...
在本文中，我们将深入探讨如何使用纯JavaScript实现上传图片前的预览功能，并且检查图片的大小，确保兼容性覆盖到IE7至IE10、Firefox以及Chrome等主流浏览器。这个功能对于用户交互体验有着重要的作用，因为它允许...
不用IE控件（ActiveXObject）不用 Img属性 上传图片客户端判断大小，javascript获得上传图片的大小 兼容所有浏览器，亲测可用 判断文件大小，判断上传图片的大小，图片格式
在JavaScript中，对上传图片进行大小、宽度和高度的判断是一项常见的前端操作，尤其是在实现用户在网站上上传图片时需要预览和验证图片格式及尺寸的场景。以下是一些关于如何使用JavaScript进行这些判断的关键知识点...
3. **文件大小判断**：最后，根据预先设定的最大允许文件大小，判断用户上传的文件是否超出限制。 #### 三、代码解析 下面是对上述代码的逐行解析： ```html <script language="javascript" type="text/...
13、原生JavaScript判断IE6 14、原生JavaScript加载样式文件 15、原生JavaScript返回脚本内容 16、原生JavaScript清除脚本内容 17、原生JavaScript动态加载脚本文件 18、原生JavaScript返回按ID检索的元素对象 19、...
在JavaScript中，对上传文件大小进行判断是网页交互中常见的一种功能，特别是在处理用户上传文件时，为了防止服务器被大文件占用过多资源或确保文件上传符合网站规定，我们需要在前端进行预判。以下是对这个主题的...
在开发Web应用时，文件...总的来说，通过`jQuery`实现客户端文件上传的类型和大小判断，可以有效地提升用户体验，并且在一定程度上保护了服务器资源。不过，为了确保安全性，开发者应始终在服务器端进行严格的验证。
标题中的“IE8 的兼容性问题总结”表明了本文将主要讨论在开发Web应用时，针对Internet Explorer 8（简称IE8）浏览器所遇到的兼容...尽管现在IE8的市场份额已经很小，但在某些特定环境下，确保对它的支持仍然是必要的。
对于IE浏览器，由于直接获取文件大小不被支持，使用了一个临时图片对象来间接获取文件大小，这是因为在早期的IE浏览器中，通过图片对象可以读取到文件大小。 4. 验证文件大小： 获取到文件大小后，接下来需要进行...
在IE6、IE7和IE8中，我们可以创建一个ActiveX控件来读取本地文件，然后显示预览图像。 **关于Flash：** Flash是一种广泛应用于网页的多媒体平台，可以跨浏览器运行，但同样存在安全性和性能问题。在IE6到IE8中，...
在非IE浏览器中，可以直接通过`target.files[0].size`获取第一个选中文件的大小。而在IE浏览器中，由于历史遗留问题，需要依赖ActiveX对象来获取文件大小。具体做法是创建一个`Scripting.FileSystemObject`实例，...
这篇分享的代码提供了一种JavaScript实现方式，用于在客户端判断用户选择的文件是否符合预设的类型和大小限制。 1. **文件类型检查**： 文件类型的判断主要是通过获取用户选择文件的扩展名来实现的。在`fileChange...
19.4 使用正则判断文件扩展名 19.5 多附件上传效果 19.6 上传控件内容清空 19.7 textarea显示记事本文件的内容 19.8 使用FSO读写文本文件 19.9 自动启动文件下载 19.10 创建Excel文件 19.11 JavaScript导出数据到...
需求：客户端上传文件时，想先判断下文件的大小，如果超过一定大小，就直接拒绝上传请求 实现原理：根据不同浏览器的差异，在firefox和chrome中obj_file.files[0].size 获取文件打下，在ie6，ie7， ie8 中通过img的...
本项目“javascript编写的对战五子棋”就是利用JavaScript实现的一个可以直接在IE浏览器中运行的五子棋游戏。 **一、JavaScript基础** JavaScript是一种轻量级的解释型编程语言，主要应用于客户端的Web开发，负责...
19.4 使用正则判断文件扩展名 19.5 多附件上传效果 19.6 上传控件内容清空 19.7 textarea显示记事本文件的内容 19.8 使用FSO读写文本文件 19.9 自动启动文件下载 19.10 创建Excel文件 19.11 JavaScript导出数据到...
在JavaScript中，获取上传文件的大小是一项常见的需求，特别是在实现文件上传功能时，需要限制用户上传文件的大小以避免服务器负担过重或资源浪费。在不同的浏览器环境下，实现这一功能的方法会有所不同。以下是一个...
在JavaScript编程领域中，"查看图片大小"是一个常见的需求，特别是在网页开发中处理图像资源时。这个主题主要涉及以下几个核心知识点： 1. **HTML 图像元素**：在HTML中，`<img>`标签用于在页面上展示图片。其基本...