javascript - 如何使用数据表上传 csv 文件并将其存储到我的服务器中的文件夹中？

Question

我有表格并在上面制作了数据表，我在上面添加了下载 csv 文件并且它正在工作。现在，我需要上传相同的文件或将其存储在某个文件夹路径中。

这是我的数据表代码

$('#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');
    }
});

我的问题是:需要使用数据表从前端搜索一些记录并将结果存储在数据库中的另一个表中。我将结果存储在 csv 文件中并下载。我只是从该文件中提取数据并将其存储在数据库中的另一个表中并显示它。

请问有人可以帮助我吗？

Answer 1

1. 添加一个按钮，用户在搜索后将点击该按钮。

                   initComplete: function () {
                       $("div.toolbar").html(
                           '<a href="#" class="btn  btn-info btn-secondary" style="margin: 5px" id="insertbtn" onclick="InsertRows()">Insert</a>');
                   }
   

2. InsertRows 函数

          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
               });
   
           }
   

   这将产生 n 个插入 AJAX 请求，如果您要插入少量行，这很好。但如果搜索的行数较多，那么我建议将数据添加到数组中，并将数组 POST 到 Webservice 以将其插入表中。