file原样式不好看,所以把他隐藏掉.然后点击下面的按钮触发onclick事件点击上传文件,上传文件后触发onchange事件. <input onchange="get_name()" type="file" style="display: none;" id="uploadFile"/>
<input class="btn btn-primary radius" type="button" value="导入机构用户" id="btn" />
下面是jq代码
$(function () { //按钮的点击事件 $('#btn').click(function () { //触发file的点击事件 $('#uploadFile').click(); }); }); function get_name(){ var file = $('#uploadFile')[0].files[0], form = new FormData(); form.append("file", file); $.ajax({ type: 'post', url:"{:url('import_user')}", data: form, contentType: false, processData: false, success:function(req){ //请求成功时处理 if (req.code == 1) { layer.msg(req.msg,{icon:1,time:1000},function(){ window.location.reload(); }); }else{ layer.msg(req.msg,{icon:5,time:1000}); } }, }); }