`

js获取input file大小

    博客分类:
  • js
js 
阅读更多

1.html

<script type="text/javascript">
	function getPhotoSize(){
		obj = document.getElementById("imgFile");
		var size = getFileSize(obj);
		if(size > 1024 ){
			alert('文件大于1024kb,请重新选择');
		}
	}
</script>
</head>
<body>
<input type="file" id="imgFile" name="upload" style="width:150px;" onchange="getPhotoSize()"/>
</body>
<script type="text/javascript" src="fileUtil.js"></script>

 

2.fileUtil.js

//获取文件大小,obj为dom对象
function getFileSize(obj){
    var fileSize = 0;
    var isIE = /msie/i.test(navigator.userAgent) && !window.opera;            
    if (isIE && !obj.files) {          
         var filePath = obj.value;            
         var fileSystem = new ActiveXObject("Scripting.FileSystemObject");   
         var file = fileSystem.GetFile (filePath);               
         fileSize = file.Size;         
    }else {  
         fileSize = obj.files[0].size;     
    } 
    fileSize=Math.round(fileSize/1024); //单位为KB
  	return fileSize;
}

 

 

分享到:
评论

相关推荐

    JS获取文件大小方法小结

    本文实例总结了JS获取文件大小方法。分享给大家供大家参考,具体如下: 方法一,利用ActiveX控件实现: [removed] function getFileSize(filePath) { var fso = new ActiveXObject("Scripting.FileSystemObject");...

    原生JS上传文件,获取文件二进制数据及文件大小和文件名称

    html前端技术,原生js上传文件,代码结构清晰、简短、易于理解,建议收藏。

    js获取input长度并根据页面宽度设置其大小及居中对齐

    1. js获取页面宽度高度及屏幕分辨率 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:...

    jQuery多文件上传并获取大小与格式代码.zip

    jQuery多文件上传并获取大小与格式代码&lt;/title&gt; [removed][removed] [removed][removed] &lt;link rel="stylesheet" href="style/uploadW.css?3.1.64"&gt; &lt;/head&gt; &lt;body&gt;[removed][removed]...

    通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法

    项目需求:如何通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端 题主用jquery接收 &lt;input name="c_pic" id="c_pic" type="file" class="file"&gt; 用的方法是: var input = ...

    javascript实现获取指定精度的上传文件的大小简单实例

    js实现获取指定精度的上传文件的大小,主要采用html和JavaScript,用浏览器运行下述代码,按照操作:选择文件-&gt;获得文件大小的顺序,即可。 源码: &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;...

    大名鼎鼎SWFUpload- Flash+JS 上传

     SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统&lt;input type="file" /&gt;标签的文件上传模式。 [编辑本段]SWFUpload...

    获取硬件信息的ActiveX库

    获取计算机MAC、硬盘ID、操作系统等信息的ActiveX库 示例程序: &lt;TITLE&gt;ClientInfoX JavaScript Sample &lt;script language="JavaScript"&gt; xo=new ActiveXObject("ClientInfo.HostInfo") ///////////////////////...

    JS学习笔记相关代码-测试代码

    JS学习笔记相关文档 Login.html学习 placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。 该提示会在用户输入值之前显示在输入字段中。 注意:placeholder 属性...

    html5 canvas移动浏览器上实现图片压缩上传

    input type="file"&gt;直接通过formData上传,然而实际使用情况是:对于过大的图片(高像素手机所拍摄的照片等)上传时间过长会导致上传失败,而每次都上传原始大小的图片(后台处理压缩)十分影响用户体验,所以...

    fso浏览54646465465464564

    &lt;tr&gt;&lt;td align=right&gt;类型:&lt;/td&gt;&lt;td&gt;&lt;input type="radio" name="ntype" checked value="0"&gt;文件夹 &lt;input type="radio" name="ntype" value="1"&gt;文件 &lt;tr&gt;&lt;td align=right&gt;名称: &lt;input type="text" size="40" ...

    PHPCMS V9.6.6 修改版

    65. 新增格式化输出文件大小format_file_size函数 66. 新增附件信息get_attachment函数 67. 新增统一返回json格式并退出程序dr_json函数 68. 新增将数组转换为字符串dr_array2string函数 69. 新增将字符串转换为数组...

Global site tag (gtag.js) - Google Analytics