1.html上传文件代码块
<form enctype="multipart/form-data">
<div class="form-group">
<label for="upload_name">名称</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="upload_name" placeholder="请输入名称">
</div>
</div>
<div class="form-group">
<label for="testfile">上传文件</label>
<div class="col-sm-10">
<input type="file" accept=".xlsx" id="testfile">
<!-- 多文件上传:<input type="file" accept=".xlsx" id="testfile" multiple="multiple"/> -->
</div>
</div>
</form>
<input type="button" class="submit" value="上传">
2.拿取file请求后台接口
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
var prefix = ctx + "resultMan/boundary";
$('.submit').click(function () {
var files = $('#testfile').prop('files');
var name = $.trim($('#upload_name').val());
if (files.length <= 0) {
alert("请选择文件");
return;
}
var formData = new FormData();
formData.append("file", files[0]);
// 多文件上传需要给参数名称后面加上[]
// formData.append("testfile[]", files[1]);
$.ajax({
url: prefix +'/excel',
type:'POST',
async: false,
data: formData,
dataType:'json',
cache: false, // 上传文件无需缓存
processData : false, // 使数据不做处理
contentType : false, // 不要设置Content-Type请求头
success: function(data){
console.log(data);
if (data.msg == 0) {
alert('上传成功!');
}
},
error:function(response)