Javascript 如何上载csv文件并使用datatable将其存储到我的服务器中的文件夹?
我有一个表,并使数据表上,我添加了下载csv文件,它的工作。现在,我需要上传相同的文件或将其存储在某个文件夹路径中 这是我的datatable代码Javascript 如何上载csv文件并使用datatable将其存储到我的服务器中的文件夹?,javascript,php,jquery,datatable,Javascript,Php,Jquery,Datatable,我有一个表,并使数据表上,我添加了下载csv文件,它的工作。现在,我需要上传相同的文件或将其存储在某个文件夹路径中 这是我的datatable代码 $('#account_details').DataTable({ dom: 'lBfrtip', lengthMenu: [ [ 10, 25, 50, 100, 250, 500 -1 ], [ '10', '25', '50', '100', '250', '500' ] ], p
$('#account_details').DataTable({
dom: 'lBfrtip',
lengthMenu: [
[ 10, 25, 50, 100, 250, 500 -1 ],
[ '10', '25', '50', '100', '250', '500' ]
],
pageLength: 10,
buttons: [
{
extend: 'excelHtml5',
text:'',
className: 'excelbtn',
filename: 'Account_details',
title: 'Account Details',
titleAttr: 'Excel',
exportOptions: { columns: [ 0, 1, 2, 3, 4 ] }
}, {
extend: 'pdfHtml5',
text:'',
className: 'pdfbtn',
filename: 'Account_details',
title: 'Account Details',
titleAttr: 'PDF',
exportOptions: { columns: [ 0, 1, 2, 3, 4 ] }
}, {
extend: 'print',
text:'',
className: 'print',
filename: 'Account_details',
title: 'Account Details',
titleAttr: 'Print',
exportOptions: { columns: [ 0, 1, 2, 3, 4 ] }
}, {
extend: 'csv',
text:'',
className: 'csv',
filename: 'Account_details',
title: 'Account Details',
titleAttr: 'Reports',
exportOptions: { columns: [ 0, 1, 2, 3, 4 ] }
}
],
responsive: true,
colReorder: true,
stateSave: true,
stateSaveCallback: function(settings, data) {
console.log(data);
update_customize_table_settings('account_details','accounts');
}
});
我的问题是:
需要使用datatable从前端搜索一些记录,并将结果存储在数据库中的另一个表中。我将结果存储在csv文件中并下载了它。我只是想从该文件中提取数据,并将其存储在db中的另一个表中,然后显示它
有人能帮我吗
添加一个按钮,用户将在搜索后单击该按钮
initComplete: function () {
$("div.toolbar").html(
'<a href="#" class="btn btn-info btn-secondary" style="margin: 5px" id="insertbtn" onclick="InsertRows()">Insert</a>');
}
这将产生n个insert AJAX请求,如果插入少量行,这很好。但如果搜索的行数更大,我建议将数据添加到数组中,并将数组发布到Webservice以将其插入表中
很多步骤。。。这是一篇很好的文章,介绍了如何使用它不,我不需要手动上传文件。我需要在单击按钮后动态地执行此操作,我的问题是:我需要使用datatable从前端搜索一些记录,并将结果存储在数据库中的另一个表中。我将结果存储在csv文件中并下载了它。我只是想从那个文件中提取数据,并将其存储在db中的另一个表中并显示出来。我想不用下载csv,上传它,解析它,然后插入db表。您应该做的是放置另一个按钮,用户可以在搜索后按下该按钮,按下该按钮,搜索到的记录将被添加到db表中。
function InsertRows() {
var table = $("#dtexample").DataTable();
var data = table.rows().data();
data.each(function (value, index) {
console.log(`For index ${index}, data value is ${value}`);
console.dir(value);
//call AJAX below to insert each row to table
});
}