質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.59%

ASP.NET MVC5 でcsvをpostでダウンロードするには

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 5,790

score 11

ASP.NET MVC5 でcsv出力をしようとしています。

パラメータの複数ある画面で、ボタンも複数あるためAjaxを使用してPostしています。
ファイルのダウンロードがされず、またファイル作成もできず困っています。

そもそも、Postでファイルダウンロードを検討していること自体に問題があるのでしょうか。
ご教示ください。

//以下、抜粋
$('#download').click(
            function () {
                var param= new Object();
                //param set
                if (parking != null) {
                    $.ajax({
                        type: "POST",
                        url: "@Url.Action("CreateCsv", "Csv")",
                        data: JSON.stringify(param),
                        contentType: "application/json; charset=utf-8",
                        datatype:'json',
                        success: function () {
                            debugger
                            alert("success");
                        },
                        failure: function (data) {
                            debugger
                            alert(data.StatusMessage);
                        },
                        error: function (data) {
                            debugger
                            alert(data.StatusMessage);
                        }
                    })
                }
            }
        );


[HttpPost]
        public ActionResult CreateCsv(Param Pram)
        {
            if (Request.IsAjaxRequest())
            {

                // DB からデータ取得

                // CSV 内容生成

                 var fileName = string.Format("filename_{0}.csv", DateTime.Now.ToString("yyyyMMddHHmmss"));

                var data = Encoding.UTF8.GetBytes(csvString);

                var stream = new MemoryStream(data);
                var writer = new StreamWriter(stream);

                //var fileStreamResult = new FileStreamResult(stream, System.Net.Mime.MediaTypeNames .Text.Plain);
                //fileStreamResult.FileDownloadName = fileName;

                //return fileStreamResult;

                writer.Write(data);
                writer.Flush();
                stream.Position = 0;

                return File(stream, "text/csv", fileName);

            }
            return null ;
        }


Action result を変えてみたり、return値をbyteにしてみたり、試行錯誤を行いましたがファイルの作成の痕跡もなく行き詰っています。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • SurferOnWww

    2019/01/28 12:46

    > Getでダウンロードは可能
    その jQuery ajax のコードで問題なくダウンロードしてファイルに保存できたと言ってますか?

    キャンセル

  • AyanoTokuyama

    2019/02/04 17:01

    Getでのダウンロードは、c#側のコードで確認していましたので、そのままのコードではありません。
    おっしゃられている通りの方法で解決しました。

    キャンセル

  • SurferOnWww

    2019/02/04 17:08

    「c#側のコード」の意味不明ですが、少なくとも質問者さんが解答欄に書いたスクリプトは「私が言った通りの方法」ではないです。あと、JavaScript はブラウザ依存であることをお忘れなく。

    キャンセル

回答 2

+1

動かないコードを丸投げしないで切り分けを行うようお願いしたのに対し、以下の答しかもらえていませんが、

csv生成コードには問題はありませんでした。
>(Getでダウンロードは可能。その後うまくいかないためいろいろ操作)

それをベースに話をすると・・・

まず、上記の「ダウンロードは可能」の意味ですが、何をもってそう言っているのでしょう?

サーバーからブラウザに CSV データが送られてきた後、ブラウザが CSV ファイルを PC のディスクに作成するところまで「ダウンロード」という言葉に含んでいるとすると、質問者さんが質問に書いた jQuery ajax のコードでは GET か POST かに関係なくダメです。

何故なら、Blob(生データ)が取得できていないから。

質問者さんの jQuery のバージョンは何だか不明ですが、もし、jQuery 3.0 より前のものであれば、jQuery ajax ではなく、ネイティブの XMLHttpRequest を使うことになるはずです。

jQuery 3.0 以降であれば Blob は取得できるそうですが(未検証・未確認です)、質問者さんが書いたコードでは Blob は取得できてないし、そこを書き直して Blob を取得できるようにしたとしても、その後 CSV ファイルの作成・保存のためのコードを書かないと PC のディスクにファイルは作成されません。

詳しくは以下の記事を読んでください。

Using jQuery's ajax method to retrieve images as a blob
https://stackoverflow.com/questions/17657184/using-jquerys-ajax-method-to-retrieve-images-as-a-blob

もし、上記の「ダウンロード」の意味が「サーバーからブラウザに CSV データが送られるまで」ということで、それが GET は可能だが POST がダメということですと、「csv生成コードには問題はありませんでした」というところが勘違いとしか考えられません。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/01/30 20:28

    blobについての認識がありませんでした。
    時間が取れず、追記できずに申し訳ありません。
    参考にさせていただき、もう少し試してみます。ありがとうございます。

    キャンセル

check解決した方法

0

Fileでのリターンを諦めStringで返してクライアント側からblobのUrlを呼ぶようにしました。
文字コードがUTF-8にしかならず困っていますがこれに関しては別の問題なのでもう少し調べてみようと思います。
ご指摘などあれば、お願いします。

//以下、抜粋
 public string CreateCsv(param param)
{
 //csv生成
 return csvのstring
}

$('#download').click(
            function () {
                    //paramをセット
                    $.ajax({
                        type: "POST",
                        url: "@Url.Action("CreateCsv", "Csv")",
                        data: JSON.stringify(param),
                        contentType: "application/json; charset=utf-8",
                        success: function () {
                             var blob = new Blob([result], { type: 'application/octet-stream' });
                                //ファイル名を合成
                                var link = document.createElement('a');
                                link.href = window.URL.createObjectURL(blob);
                                link.download = filename;
                                link.click();
                        }
                    })
        );

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.59%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る