簡體   English   中英

如何使用數據表上傳csv文件並將其存儲到服務器中的文件夾?

[英]How to upload csv file and store it to folder in my server using datatable?

我有表,並使其上的數據表,我添加了下載的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');
    }
});

我的問題是:需要使用datatable從前端搜索一些記錄,並將結果存儲在db中的另一個表中。 我將結果存儲在csv文件中並下載了。 我只是從該文件中提取數據並將其存儲在db的另一個表中並顯示它。

有人可以幫我嗎?

  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中,以將其插入表中。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM