设置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>
- THE END -
最后修改：2020年7月10日
非特殊说明，本博所有文章均为博主原创。
如若转载，请注明出处：https://www.95app.top/input-file%e6%9b%b4%e6%94%b9%e6%a0%b7%e5%bc%8f%e6%80%9d%e8%b7%af/
