java:导入功能的实现(前端+后台)
前端html代码
<form id="import-form" lay-filter="import-form" class="layui-form model-form" method="post" enctype="multipart/form-data">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label" style="width: 120px;">请选择上传文件:</label>
<div class="layui-input-inline">
<input type="file" name="file" id="file" class="layui-input"/>
</div>
</div>
</div>
<div class="layui-form-item model-form-footer">
<button class="layui-btn layui-btn-primary" ew-event="closeDialog" type="button">取消</button>
<button class="layui-btn" id="import-form-submit" type="button" onclick="importSubmit()">确定</button>
</div>
</form>
选择文件后ajax请求后台读取文件内容
function importSubmit() {
var config = layui.config;
//请求的数据是FormData类型
var formData = new FormData();
//获取上传的文件
formData.append("file",$("#file")[0].files[0]);
//url为文件读取的后台controller请求路径
var url = '###';
//ajax提交请求,注意data、contentType、processData和dataType的设置
$.ajax({
type: "POST",
url: url,
data: formData,
contentType: false,
processData:false,
dataType: "json",
success: function(resp_data) {
if (resp_data.resp_code==0){
//js封装了admin对象
var admin = layui.admin;
//admin对象封装了缓存和弹窗方法
admin.putTempData("importData",resp_data.data