JavaScript客户端判断文件类型及大小

<html>
<head>
<title>潜水式无堵塞排污泵</title>

<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
以下是一个客户端控制file上传图片类型和大小的示例(注意:由于是客户端限制,所以用户可以绕过这个限制):
<script language="javascript">
<!--
var FileMaxSize = 50;//限制上传的文件大小,单位K
function chkform(){
if (document.HwForm.Photo.value==""){alert("请选择图片!");document.HwForm.Photo.focus();return false;}
if(document.HwForm.PhotoFileSize.value<=0){alert("请重新选择图片!");document.HwForm.Photo.focus();return false;}
if(document.HwForm.PhotoFileSize.value>FileMaxSize*1024){alert("图片不能超过"+FileMaxSize+"K,请重新选择!");document.HwForm.Photo.focus();return false;}
alert("图片类型和大小正确,可以提交!");return false;
}
//-->
</script>
<form method="post" name="HwForm" onsubmit="return(chkform());" enctype="multipart/form-data">
请选择一个50K以内的图片:<input type="file" name="Photo" onpropertychange="if(document.HwForm.Photo.value!=‘‘){document.getElementById(‘PhotoImg‘).src=document.HwForm.Photo.value;}"><img style="position:absolute;top:-100000px;left:-100000px;" onerror="document.all.PhotoFileSize.value=‘-1‘;alert(‘图片类型错误,请重新选择!‘);" id="PhotoImg"><input size="3" type="hidden" name="PhotoFileSize" value="-1">
<input type="submit" value="提交"> <input type="reset" value="重置">
</form>
</body>
</html>

JavaScript客户端判断文件类型及大小

时间: 2024-10-10 15:39:27

JavaScript客户端判断文件类型及大小的相关文章

JavaScript根据文件名判断文件类型

//JavaScript根据文件名判断文件类型 var imgExt = new Array(".png",".jpg",".jpeg",".bmp",".gif");//图片文件的后缀名 var docExt = new Array(".doc",".docx");//word文件的后缀名 var xlsExt = new Array(".xls"

UNIX环境编程学习笔记(6)——文件I/O之判断文件类型

lienhua342014-09-01 1 文件类型 我们平时最常接触的文件类型有普通文件(regular file)和目录(di-rectory file),但是 UNIX 系统提供了多种文件类型: (1) 普通文件(regular file) 这种文件包含了某种形式的数据,这些数据无论是文件还是二进制对于 UNIX 内核而言都是一样的.对普通文件内容的解释有处理该文件的应用程序进行. (2) 目录文件(directory file) 目录文件包含了其他文件的名字以及指向与这些文件有关信息的指

利用文件头判断文件类型

上传文件时经常需要做文件类型判断,例如图片.文档等,普通做法是直接判断文件后缀名,而文艺青年为了防止各种攻击同时也会加上使用文件头信息判断文件类型. 原理很简单:用文件头判断,直接读取文件的前2个字节即可. 1 public class FileUtil { 2 /** 3 * byte数组转换成16进制字符串 4 * 5 * @param src 6 * @return 7 */ 8 private static String bytesToHexString(byte[] src) { 9

Linux中用st_mode判断文件类型

Linux中用st_mode判断文件类型 2012-12-11 12:41 14214人阅读 评论(4) 收藏 举报  分类: Linux(8)  C/C++(20)  版权声明:本文为博主原创文章,未经博主允许不得转载. 在Linux中,可以利用stat()函数来获取一个文件的状态 [cpp] view plain copy #include <sys/stat.h> #include <unistd.h> int stat(const char *file_name, stru

js判断文件类型是否是指定格式

功能说明:js实现判断文件类型,图片‘视频等格式,当不符合格式时,会自动清除,并重新选择.’ 1..图片.视频等格式判断,直接上代码 <script type="text/javascript">//1.这个函数是,判断图片格式--------------------------------------------------------------------function checkImg(){var img_id=document.getElementById('m

Linux下如何判断文件类型

在Linux下总共有7种文件类型,分别为: 普通文件(-) 目录文件(d), 软链接文件(l)=快捷方式, 块设备文件,二进制文件(b)   字符设备文件(c) 套接字文件(s) 管道文件(p) 其中常用的文件类型为:普通文件,目录文件和软链接文件 系统特殊文件类型为:块设备文件,字符设备文件,套接字文件,管道文件. 如何判断文件类型? 在当前目录下使用命令: ls -l,即可列出该目录下的所有文件,其第一列的第一个字母就包含了该文件的文件类型: 其第一列的长度为10位,除去第一位用于表示文件类

用Javascript清空(重置)文件类型的INPUT元素的值

之前在StackOverflow回答了这个问题,现在整理到Blog里. 因为安全限制,脚本是不能随意设置其value值的,所以并不能像其它表单输入域那样用属性来设置使其重置. 重置一个文件域的值,归纳起来主要有 3 种方法. 本文分析这三种方法的浏览器兼容性以及优缺点,并给出一个比较完美的综合方案的代码和Demo. 重置文件域的三种方法: 设置value属性为空. 对于IE11以上和其它较新的非IE的现代浏览器Chrome/Firefox/Opera...有效. 克隆或创建一个新的文件输入元素进

c#真正判断文件类型

//真正判断文件类型的关键函数 public static bool IsAllowedExtension2(FileUpload hifile) { if (hifile != null) { System.IO.FileStream fs = new System.IO.FileStream(hifile.PostedFile.FileName, System.IO.FileMode.Open, System.IO.FileAccess.Read); System.IO.BinaryRead

(转)JavaScript中判断对象类型的种种方法

我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串.如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在). 但 type