如何限制上传附件的格式?

解决思路:1、在$(document).ready(function(){});中加上  $("#uploadFile").live("change",function () {};如下红色标记部分

<script type="text/javascript">
        $(document).ready(function() {
            //$("#name").focus();
            var id=$("#id").val();
            if(id!=""){
                $("#policeNo").attr("readonly","readonly")//
            }
            $("#inputForm").validate({
                submitHandler: function(form){
                    loading(‘正在提交,请稍等...‘);
                    form.submit();
                },
                errorContainer: "#messageBox",
                errorPlacement: function(error, element) {
                    $("#messageBox").text("输入有误,请先更正。");
                    if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                }
            });
              $("#uploadFile").live("change",function () {
                    var filepath = $("input[name=‘uploadFile‘]").val();
                    var extStart = filepath.lastIndexOf(".");
                    var ext = filepath.substring(extStart, filepath.length).toUpperCase()
                    /* if(ext == "" or ext == null){
                        art.dialog.alert("请上传签字图片!");
                        return false;
                    } */
                    if( ext != "" && ext != ".BMP" && ext != ".PNG" && ext != ".GIF" && ext != ".JPG" && ext != ".JPEG") {
                        art.dialog.alert("图片限于bmp,png,gif,jpeg,jpg格式,且大小不能超过10M");
                        $("#uploadFile").remove();
                        $("#pic_add").append("<input id=‘uploadFile‘ type=‘file‘ name=‘uploadFile‘
 accept=".png,.jpg,.gif,.jpeg,.ico,.bmp"/>");
                        return false;
                    }
              });
        });
    </script>

2、页面加载完成后开始运行do stuff when DOM is ready 中的语句!

   $(document).ready(function() {

// do stuff when DOM is ready

});

3、$("a").click(function(){});的用法

$("a").click(function() {

alert("Hello world!");

});

});

$("div").click $("div")就是页面中所有的 div标签 这句话就是给所有的标签为div的元素 绑定了一个click事件 即当所有div 被鼠标单击的时候 执行 alert("Hello World!");

live方法绑定的事件处理函数,在页面中未来添加的元素只要满足原来的选择器,仍然会导致事件触发。

时间: 2024-12-29 04:32:28

如何限制上传附件的格式?的相关文章

Kindeditor编辑器上传附件,自动获取文件名显示。

大部分在线编辑器在上传附件之后都是会以路径的形式显示出来很不友好.类似这样..怎么样显示成这样用户上传的原始文件名呢.就是这样.是不是看着很友好. kindeditor编辑器上传文件是已插件的形式调用的,包括其他类似的功能(批量上传图片,百度地图)都是在plugins目录下.打开insertfile目录下的insertfile.js文件.在文件上传之后的回调函数里面找到urlBox.val(url);在下面添加一行titleBox.val(data.title);这里会把后台上传文件之后返回的j

spring MVC上传附件

spring mvc为我们封装了十分简单的上传附件的方法,以下通过一个例子学习. 1.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%

上传附件无法显示网页问题

上传附件问题:上传的时候,默认允许大小是4M,而当小于4M的时候正常运行:当超过4M将显示网页无法显示.解决方法如下:在web.config中的<system.web></system.web>内加入如下代码: <!--           用于支持上传大文件,默认支持4M,现在修改为400M                 httpRuntime是配置asp.net http运行时设置,以确定如何处理对asp.net应用程序的请求.                 exec

salesforce零基础学习(八十九)使用 input type=file 以及RemoteAction方式上传附件

在classic环境中,salesforce提供了<apex:inputFile>标签用来实现附件的上传以及内容获取.salesforce 零基础学习(二十四)解析csv格式内容中有类似的使用此标签进行解析附件内容,后台只要声明String类型变量用来存储附件名称,Blob类型变量用来存储附件的内容即可. 但是当我们的项目整体使用第三方的前端框架,例如VUE或者angular等前端框架时,有时使用apex:inputFile反而不是很方便,需要用到html的原生的附件上传的标签<inpu

测试上传附件

测试上传附件 http://images2015.cnblogs.com/blog/332907/201608/332907-20160828221233845-1455710267.jpg

上传附件使用jquery-form.js的ajaxsubmit提交一点记录

最近项目用到了附件附件上传功能,因为上传附件想尽量控制在一个控件上传附件并回显在下方的列表中,选择附件则触发上传. 刚开始使用了swfupload.js的flash控件进行上传,但是在IE中如果没有相应控件就无法draw出上传控件,应该是浏览器段没有flash控件造成的. 最后还是改回html的type="file"来实现上传,因为附件上传成功后需要回调函数并在下方列表中回显:所以纯粹的使用form表单提交无法回调需要的数据.而直接使用js取得input内容组装为file对象使用aja

ajax+FormData+javascript 实现无刷新上传附件

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript"> window.onload=function() { var fm=document.getElementsByTagName("form")[0]; f

wordpress上传附件提示抱歉,出于安全的考虑,不支持此文件类型

wordpress添加自定义上传附件类型添加rar支持 在wp-includes/functions.php文件中查找application/zip,在“// openoffice formats”这行的上面加上 'rar' => 'application/rar', 其它解决办法 方法1:使用winrar压缩的时候“压缩文件格式”选择为zip. 方法2:直接禁用文件类型检测,在wp-config.php文件中,添加这样一句代码 define(‘ALLOW_UNFILTERED_UPLOADS’

修改WordPress中上传附件2M大小限制的方法/php+iis上传附件默认大小修改方法

在服务器上架设好WordPress后,使用过程中发现,上传附件大小有2M的限制 话说服务器就是本机,可以直接把文件拖到附件存储文件夹下,然后在需要附件的地方引用链接 可是这种落后的方法终究不是办法,还是应该修改大小限制,使用才方便. 在网搜了一下,方法有挺多,但大部分都是不完整信息的重复,下面说说我最后更改的方法,仅供参考. 服务器版本是:Windows Server 2003 SP2 WordPress架设:IIS+PHP+MySql 1.首先在网站根目录下建一个info.php文件 例如:D