1

我有以下函数，它从远程 csv 文件中读取数据，并在将其显示在数据表上之前对其进行一些处理。

function loadGrid()
{
        link='{{ url("thecsvfile") }}/'+$('#class-id').val();
        Papa.parse(link, {
        download: true,withCredentials: true,header:true,
        step: function(results, parser) {
         //.... process the data row by row
         cleanDataForGrid(results.data);
        },
        complete:function()
        {
           table =$('#the-grid').DataTable({
                  responsive: true,
                  destroy: true,
                 'bProcessing': true,
                  paging: false,
                  searching: false,
                  info:false,
                  scrollCollapse:true,
                  'columnDefs': [{
                                 'targets': 0,
                                 'searchable':false,
                                 'orderable':false,
                                 'width':'1%',
                                 'className': 'dt-body-center',
                                 'render': function (data, type, full, meta){
                                     return '<input type="checkbox" class="the_check">';
                                 },

                              }],

          });
           updateDownloaded();
        }
       });

}

它目前运行良好，问题是当 CSV 文件有很多行时，加载需要很长时间，有时浏览器会挂起或崩溃。如果文件超过 X 行，我们有没有办法可以先获取行数，完全避免下载？如果我能得到这样一个只返回行数的实现。

function getRows()
{
 var rowcount= Papa.parse(link, {download: false});
if(rowcount<50001) loadGrid();
}

有可能有这样的实现吗？

4

1 回答 1

1

查询将处理您的需求的服务器端程序是完全可能的：返回 CSV 文件的行数。

例子：http://www.yoursite.com/handlers/csv/count?file=thecsvfile

您可以在 javascript 代码中初始化返回值的视图。使用 php 和 zend 框架，您可以将返回值注入视图模型，并在视图中显示自身。

<script type="text/javascript">
<!--
var maxcsvfileSize = 50001;
var thecsvfileSize = <?php echo $this->thecsvfileSize; ?>;

function loadGrid(thecsvfileSize){ 
   // test the length of thecsvfile and do the job you need.
   if (thecsvfileSize < maxcsvfileSize) {
      // do the job
   }
}

//-->
</script>

[编辑]

看一下Papi 文档，您将有权使用流来处理大文件：

Papa.parse("http://example.com/big.csv", {
    download: true,
    step: function(row) {
        console.log("Row:", row.data);
    },
    complete: function() {
        console.log("All done!");
    }
});

...这相对容易完成，并且 100% 响应您的问题和需求。

于 2016-09-06T08:19:15.500 回答