import excel ajax jquery
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);
//可以使用普通弹窗，弹出层用于文件解析后的页面渲染
admin.popupCenter({
title: '导入内容',
area:['800px','600px'],
path: 'pages/import_form.html',
finish: function () {
//完成后可以根据自己需求刷新表格展示数据
layui.table.reload('mytable', {});
}
});
}else {
if (resp_data.resp_msg) {
layui.layer.msg(resp_data.resp_msg, {icon: 2, time: 2000});
}else {
layui.layer.msg(resp_data.msg, {icon: 2, time: 2000});
}
}
},
error: function(xhr, textStatus, errorThrown) {
if (xhr.status == 401) {
localStorage.removeItem("access_token");
}
}
});
}
————————————————
版权声明：本文为CSDN博主「时光最清楚」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/sinat_35225871/article/details/107660524
-=============
import excel, 後端處理 java
https://blog.csdn.net/m0_38084879/article/details/103363769
$('#sample_form').on('submit',function(event){
$('#message').html('');
event.preventDefault();
$.ajax({
url:"",
method:"POST",
data: new FormData(this),
dataType:"json",
contentType:false,
cache:false,
processData:false,
success:function(data){
if(data.success){
$('total_data').ext(data.total_line);
}
if(data.error){
$('#message').html('<div class= "alert alert-danger">' + data.error+'</div>');
}
}
})
}
https://www.youtube.com/watch?v=cq8uwCJ34n8&ab_channel=Webslesson
=======
<form id="upload_csv" method="post" enctype="multipart/form-data">
<input type="file" name="csv_file" id="csv_file" accept=".csv">
<input type="submit" name="upload" id="upload" value="Upload">
</form>
<script>
$(document).ready(function(){
$('upload_csv').on('submit', funcion(event){
event.preventDefault();
$.ajax({
url:"import.php",
mehod:"POST",
data: new FormData(this),
dataType:"json",
contentType:false,
cache:false,
processData:false,
success:function(jsonData){
$('#csv_file').val('');
}
})
});
})
</script>
https://www.youtube.com/watch?v=VpwznL2w1WA&ab_channel=Webslesson
https://www.youtube.com/watch?v=cq8uwCJ34n8&ab_channel=Webslesson
let item = {
'url': `${ server }/api/items`,
'type': 'POST',
'headers': {
// 'Content-Type': 'multipart/form-data',
// 使用 multipart/form-data 在此不需要設定 Content-Type。
'X-Requested-With': 'XMLHttpRequest',
'Authorization': `Bearer ${ userToken }`,
},
'contentType': false, //required
'processData': false, // required
'mimeType': 'multipart/form-data',
'data': formData
}
$.ajax(item)
.done(function (response) {
console.log(response)
closeLightBox()
api_get_items()
})
.fail(function (response) {
console.log('api_post_user: Fail ' + response.responseText)
})
}
留言
張貼留言