3

現在、tableをCSV出力するためにtable2CSV.jqueryを使用しています。
IE(ver11)の場合、下記のソース中のencodeURIComponentを window.location.hrefに代入している部分でエラーになっており、エラーメッセージは特にないです。※chromeは動作確認済み
画像の説明をここに入力

どうにか動作するようにしたいのですが、
IEで動作させるための方法が分る方がいましたら、ご教授をお願いします。

 var csv = $("#example").table2CSV({ delivery: 'file' });
    window.location.href = 'data:text/csv;charset=UTF-8,'
                          + encodeURIComponent(csv);
6
  • どの様なエラーか書かないと回答が貰いづらいと思います。
    – mattn
    Commented 2015年4月22日 5:02
  • エラー時の画像を載せました。 画像の通り、エラー内容は出力されておらず、原因が分らない状況です Commented 2015年4月22日 5:07
  • 3
    encodeURIComponent ではなく、location.href への代入でエラーが出ているんじゃないでしょうか?一度 encodeURIComponent(csv) だけで実行すると確認出来ます。おそらくですが、IE では画像以外の data scheme は制限があるんじゃないでしょうか。
    – mattn
    Commented 2015年4月22日 5:11
  • encodeURIComponentだけで実行出来ることを確認することが出来ました。 data scheme の制限とは、例えばどのような制限のことを示しているのでしょうか。 Commented 2015年4月22日 5:36
  • 2
    IE8/IE9 の頃は data scheme は画像しか使えませんでした。その後 IE10/IE11 でどうなったかは確認していませんが。
    – mattn
    Commented 2015年4月22日 5:44

2 件の回答 2

3

data Protocolには

  • object (images only)
  • img
  • input type=image
  • link
  • CSS declarations that accept a URL, such as background, backgroundImage, and so on.

だけで使用可能と書かれています。

1
  • 返答ありがとうございます。やはりCSVの出力は許可されていないようですね。 CSVを出力することが出来る実装方法はあるのでしょうか? Commented 2015年4月22日 6:45
3

解決することが出来ました

・IE

var csv = $("#example").table2CSV({ delivery: 'value' });
var blobObject = new Blob([csv]);
    window.navigator.msSaveOrOpenBlob(blobObject, 'data.csv');

・Chrome safari

$('#example').tableExport({ type: 'csv', escape: 'false' });
4
  • 2
    Blob のコンストラクタの第二引数に { type: "text/csv" } を入れた方が良いです。new Blob([csv], { type: "text/csv" })
    – mattn
    Commented 2015年4月22日 7:54
  • ありがとうございます、了解しました。修正をします。 Commented 2015年4月22日 8:09
  • 上記の実装で、エンコードがUTF8になっているのですが、shift-jisに変更することは出来ますでしょうか? Commented 2015年4月22日 8:24
  • 1
    バイト列を得て utf-8 から Shift_JIS に変換する処理が必要になります。探すといろいろある様です。 google.co.jp/search?q=javascript+utf-8+shift_jis
    – mattn
    Commented 2015年4月22日 8:31

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。