ace input file 上传
2016-09-18 15:15
691 查看
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格式文件","提示"); });
相关文章推荐
- 独孤九剑-第八式 付费设计
- 第2章 SLB
- ContOS下编译搭建openwrt环境
- BigDecimal加减乘除运算
- 关于php的$_POST无法传数据的解决办法
- android 监听软键盘的显示与隐藏
- java.lang.SecurityException: No permission to write APN settings问题原因
- 【MySQL】MySQL存储引擎
- ajax不执行success回调而是执行error回调
- 如何查看shell内置命令?
- cin后使用getline的小问题
- POJ_3253_Fence Repair
- ORA-4031
- git版本控制 for window安装和命令行使用
- 最小化或关闭Outlook2013到系统托盘
- 独孤九剑-第七式 经济规划
- TypeError: The CanvasRenderingContext2D.webkitBackingStorePixelRatio getter can only be used on instances of CanvasRenderingContext2D
- 第三周 项目3 -求集合并集
- 多人开发使用友盟 Library not found for -lAPOpenSdk
- JavaScript----全局函数、对象