IEブラウザでhtmlのテーブルをCSV出力する方法が知りたいです

現在下記ソースのように、tableをCSV出力するためにtable2CSV.jqueryを使用していますが、IEでは動作しないことが分りました。
下記ソース以外の方法では、tableExport.jsの実装も試みましたが結果は同じでした。
動作しない原因はData URI schemeの仕様だと考えています。
※chromeでは上記二つの方法のどちらでも動作しました

lang
1var csv = $("#example").table2CSV({ delivery: 'file' });
2    window.location.href = 'data:text/csv;charset=UTF-8,'
3                          + encodeURIComponent(csv);

IEブラウザでhtmlのテーブルをCSV出力する方法が未だに分らないのですが、
方法が分かる方がいましたらご教授をお願いします。

行動規範の内容に同意します

回答3件

IEだと以下のようにしないといけないみたいですね。
$('#btn').click(function(){
var blobObj = new Blob(['1,2,3,4,5,6,7']);
window.navigator.msSaveOrOpenBlob(blobObj, 'hoge.csv');
});

これならダウンロードできました。

投稿2015/04/22 07:26

退会済みユーザー

総合スコア0

自己解決

解決することが出来ました
・IE
var csv = $("#example").table2CSV({ delivery: 'value' });
var blobObject = new Blob([csv]);
window.navigator.msSaveOrOpenBlob(blobObject, 'data.csv');

・Chrome safari
window.location.href = 'data:text/csv;charset=UTF-8,'

投稿2015/04/22 07:49

shoi

総合スコア40

table2CSV.jqueryのリンクでやってみました。

lang
1jQuery(function($){
2    var rowData = [];
3    var $rows = $('#example1 tr');
4    $rows.each(function(){
5        var columnValues = [];
6        var $columns = $(this).children('td');
7        $columns.each(function(){
8            /*var value = (isNaN(parseFloat($(this).text())))
9                ? '"' + $(this).text() + '"'
10                : $(this).text();*/
11            var value = '"' + $(this).text() + '"';
12            columnValues.push(value);
13        });
14        rowData.push(columnValues.join(","));
15    });
16    var csvText = rowData.join("\n");
17    console.log(csvText);
18});