zoukankan      html  css  js  c++  java
  • ace input file 上传

    1、定义一个  弹出dialog   

    <div class="form-group">
    <form id="addForm" action="" enctype="multipart/form-data">
    <label class="col-sm-2 control-label text-right"><b class="red">*</b>附件:</label>

    <div class="col-xs-10">
    <!-- #section:custom/file-input -->
    <div class="col-sm-6">
    <%--注意: form 必须设置为 enctype="multipart/form-data" 否则无法识别问文件上传;不使用该控件的时候不设置也可以--%>
    <input type="file" id="id-input-file" name="file"/>
    </div>
    <div class=" col-sm-6">
    <a id="downLoadTemplateId" class="btn btn-info btn-minier btn-success" style="line-height: 23px" href="">
    <i class="ace-icon fa fa-download"></i>模版下载
    </a>
    </div>
    </div>
    <div class="form-group row" id="fileDiv">
    <input name="fileName" id="file-name" type="hidden" >
    <input name="fileUrl" id="file-url" type="hidden">
    <input name="fileSize" id="file-size" type="hidden">
    </div>
    </form>
    </div>

    2、js 进行初始化

      $('#id-input-file').ace_file_input({
    no_file:'没有选择文件',
    btn_choose:'选择',
    btn_change:'更改',
    icon_remove:null,
    droppable:false,
    thumbnail:false,//| true | large
    // whitelist:'gif|png|jpg|jpeg', //黑白名单并没有起作用
    allowExt: ['xls','xlsx'], //该属性只是对文件后缀的控制
    before_change: function(files, dropped){
    //选择文件 展示之前的事件
    //return true 保留当前文件; return false 不保留文件;return -1 重置文件框
    //需要同步等待返回结果
    uploadjs.upload('addForm',setFileUrl,'id-input-file',"");
    return true;
    }
    }).on('file.error.ace', function(event, info) {
    nsDialog.jAlert("请上传excel格式文件","提示");
    });
  • 相关阅读:
    OpenSSL生成证书、密钥
    js中对String去空格
    正则表达式
    webapi调用
    记一次完整的CI持续集成配置过程(.net core+Jenkins+Gitea)
    处理asp.net core连接mysql的一个异常Sequence contains more than one matching element
    asp.net core 3.1+mysql8.0+Hangfire遇到的异常解决记
    升级到asp.net core 3.1遇到的json异常
    了解ASP.NET Core端点路由
    asp.net core 2.2升到3.1遇到的问题小记
  • 原文地址:https://www.cnblogs.com/cbliu/p/5881716.html
Copyright © 2011-2022 走看看