Таблица jQuery для экспорта в CSV - PullRequest
Новая
       60

Таблица jQuery для экспорта в CSV

30 голосов
/ 28 мая 2009

Я использую jQuery Table to CSV Plugin. Я изменил всплывающее окно, чтобы оно сообщало браузеру о загрузке файла CSV.

Было: 

function popup(data) {
  var generator = window.open('', 'csv', 'height=400,width=600'); 
  generator.document.write('<html><head><title>CSV</title>'); 
  generator.document.write('</head><body >'); 
  generator.document.write('<textArea cols=70 rows=15 wrap="off" >'); 
  generator.document.write(data); 
  generator.document.write('</textArea>'); 
  generator.document.write('</body></html>'); 
  generator.document.close();
  return true; 
}

Я изменил это на: 

function popup(data) {
  window.location='data:text/csv;charset=utf8,' + encodeURIComponent(data);
  return true; 
}

Это работает, по большей части. По-прежнему требуется, чтобы вы нашли свое программное обеспечение для работы с электронными таблицами и создали свое собственное имя файла ... потому что оно создает странное имя файла (пример: 14YuskG_.csv.part).

Любые предложения о том, как улучшить это?

Ответы [ 5 ]

20 голосов
/ 28 мая 2009

Нашел решение, которое работает (с помощью http://www.topsemtips.com/2008/11/save-html-table-to-excel-using-jquery/):

Я изменил функцию на: 

function popup(data) {
    $("#main div.inner").append('<form id="exportform" action="export.php" method="post" target="_blank"><input type="hidden" id="exportdata" name="exportdata" /></form>');
    $("#exportdata").val(data);
    $("#exportform").submit().remove();
    return true; 
}

И создал файл export.php: 

<?php

    header("Content-type: application/vnd.ms-excel; name='excel'");
    header("Content-Disposition: filename=export.csv");
    header("Pragma: no-cache");
    header("Expires: 0");

    print $_REQUEST['exportdata'];

?>

Обновление: Более дружественная к IE7 версия: 

<?php

    header('Content-Type: application/force-download');
    header('Content-disposition: attachment; filename=filename.csv');

    print $_POST['exportdata'];

?>
7 голосов
/ 03 августа 2010

спасибо за ваш вопрос и ответ, хорошо сработал для меня. Вот (почти идентичная) версия вашего решения для ASP.Net, которую я использую:

Измените всплывающую функцию table2CSV.js на: 

function popup(data) {
       $("body").append('<form id="exportform" action="CsvExport.ashx" method="post" target="_blank"><input type="hidden" id="exportdata" name="exportdata" /></form>');
       $("#exportdata").val(data);
       $("#exportform").submit().remove();
       return true;
}

Отмечая изменение из файла export.php в общий обработчик .ashx.

Общий код обработчика: 

 public void ProcessRequest (HttpContext context) {
    context.Response.ContentType = "application/force-download";
    context.Response.AddHeader("content-disposition", "filename=filename.csv");

    context.Response.Write(context.Request.Form["exportdata"]);
}
6 голосов
/ 28 мая 2009

Я не рекомендую «загружать» данные CSV таким способом. IE7 допускает использование до 2000 символов в адресной строке, поэтому высока вероятность, что ваш файл будет усечен.

1 голос
/ 15 ноября 2013

Не совместим со всеми браузерами, но серверная часть не требуется! Попробуйте код ниже , используя JSFiddle и сообщите нам, работает ли он в вашем браузере. 

$('<a></a>')
    .attr('id','downloadFile')
    .attr('href','data:text/csv;charset=utf8,' + encodeURIComponent(data))
    .attr('download','filename.csv')
    .appendTo('body');

$('#downloadFile').ready(function() {
    $('#downloadFile').get(0).click();
});
0 голосов
/ 10 марта 2012

Я настоятельно рекомендую использовать http://datatables.net/extras/tabletools/,, поэтому очень легко играть с таблицами

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...