input file更改样式思路

设置input display:none

通过click事件调用input选择文件事件

<input type="file" id="upfile" name="file" placeholder="" style="display:none;" />
<button  type="submit" class="btn btn-success" onclick="updateByExcel()">Excel批量修改</button>
</p>
<script>
function updateByExcel(){
$("#upfile").click();
}
$("#upfile").change(function(){
var formData = new FormData();
var name = $("#upfile").val();
formData.append("file",$("#upfile")[0].files[0]);
formData.append("name",name);
$.ajax({
url : '/taxi-baoxian/update-by-excel',
type : 'POST',
async : false,
data : formData,
// 告诉jQuery不要去处理发送的数据
processData : false,
// 告诉jQuery不要去设置Content-Type请求头
contentType : false,
beforeSend:function(){
console.log("正在进行，请稍候");
},
success : function(responseStr) {
console.log(responseStr);
var json = JSON.parse(responseStr);
alert(json.msg);
}
});
})
</script>