js控制上传file的文件类型

原理简单就是获取上传文件的字符,然后正则表达式判断是不是指定文件。

<input type="file" onchange="checkExt(this)"/>

<script type="text/网页特效">
var checkExt=function(file) {
    if(!(/(?:jpg|gif)$/i.test(file.value))) {
        alert("只允许上传jpg和gif的图片");
        if(window.ActiveXObject) {//for IE
            file.select();//select the file ,and clear selection
            document.selection.clear();
        } else if(window.opera) {//for opera
            file.type="text";file.type="file";
        } else file.value="";//for FF,Chrome,Safari
    } else {
        alert("ok");//or you can do nothing here.
    }
};
</script>

时间: 2024-09-27 20:51:31

js控制上传file的文件类型的相关文章

php获取上传文件名的文件类型

php教程获取上传文件名的文件类型 $imgname = $_FILES["file"]["name"]; //获取上传的文件名称 $filetype = pathinfo($imgname, PATHINFO_EXTENSION);//获取后缀 $newname = date("Ymdhis").".".$filetype; //构建新名称 再看 $file = 'www.111cn.net.gif'; echo getfi

js同时上传多个文件的解决方案

同时上传多个文件的解决方案 请选择要上传的文件

js控制上传文件控件只能选择不能编辑

方法1: 通过JS直接控制键盘的输入,结合IE独有属性contenteditable="false",但是无法解决Firefox工具栏上的粘贴剪切按钮和Opera下删除键.退格键以及右键粘贴剪切操作 方法2: 非IE下通过透明层遮盖输入框,但是会受到浏览器缩放功能的影响 方法3: 用input和button伪装成上传文件,真正的上传文件输入框透明的浮动在其上面,依旧解决不了Firefox工具栏上的粘贴按钮和Opera下的右键粘贴的操作 方法4: 利用CSS,使透明的上传控件只出现按钮部

asp.net文件上传解决方案(图片上传、单文件上传、多文件上传、检查文件类型)_实用技巧

小编之前也介绍了许多ASP.NET文件上传的解决案例,今天来个asp.net文件上传大集合. 1 使用标准HTML来进行图片上传 前台代码: <body> <form id="form1" runat="server"> <div> <table> <tr> <td colspan="2" style="height: 21px" > 使用标准HTML来进

js判断上传文件类型判断FileUpload文件类型代码_javascript技巧

asp.net中html标签代码: 复制代码 代码如下: <asp:FileUpload ID="fuMain" runat="server" /> <asp:Button ID="btnUpload" runat="server" OnClientClick="return CheckWorkFile()" Text="上传" /> 普通的html标签: 复制代

js判断上传文件后缀名是否合法_javascript技巧

本文实例介绍了js判断上传文件后缀名是否合法的详细代码,分享给大家供大家参考,具体内容如下 效果图: 选择文件 选择1.jpg文件 上传成功合法 除图片文件格式以外,其他都是不合法的操作. 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>判断文件上传是否合法</tit

jQuery插件ajaxfileupload.js实现上传文件_jquery

AjaxUpLoad.js的使用实现无刷新文件上传,如图 1.创建页面并编写HTML上传文档:  <div class="uploadFile"> <span id="doc"><input type="text" disabled="disabled" /></span> <input type="hidden" id="hidFileNam

js验证上传文件扩展名方法收藏

实例1 只能上传jpg图片文件实例  代码如下 复制代码 <form action="*.jsp" method="post" onsubmit="return check()"> <input type="file" name="file"> <input type="submit" value="上传"> </form&g

如何用javascript控制上传文件的大小?

javascript|控制|上传 如何用javascript控制上传文件的大小? --------本文讲的是用javascript和在IE下Image的一些属性如(fileSize,fileUpdatedDate)等控制上传文件的大小.   <form   name=Myform  >     <input   type=file   name=photo><br/>     <input   type=submit   value=submit></