web-dev-qa-db-ja.com

Web APIがCSVファイルを返す

Web APIコントローラーからcsvファイルを取得する必要があります。 「名前を付けて保存」ダイアログが表示されません。テキスト出力のみがページに表示されます。私は両方を試しました、jqueryからExportを呼び出して、また普通の古いhtmlを呼び出しました

コントローラ：

[System.Web.Http.HttpGet]
public HttpResponseMessage Export()
{
    StringBuilder sb = new StringBuilder();
    IEnumerable<CustomerDiscount> list = this.subscriberRepository.GetSubscribers();

    foreach (CustomerDiscount item in list)
    {
        sb.AppendFormat(
            "{0};{1};{2};",
            item.CustomerName,
            item.CustomerNumber,
            Environment.NewLine);
    }

    MemoryStream stream = new MemoryStream();
    StreamWriter writer = new StreamWriter(stream);
    writer.Write(sb.ToString());
    writer.Flush();
    stream.Position = 0;

    HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);
    result.Content = new StreamContent(stream);
    result.Content.Headers.ContentType =
        new MediaTypeHeaderValue("text/csv");
    result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment") { FileName = "Export.csv" };
    return result;
}

編集：この行を追加しました：

result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment") { FileName = "Export.csv" };

それでも動作しません

私はこのように呼んでいます：

<a id="export" href="/Relay/Billing/Export" class="btn btn-primary">Export</a>

また、このように試してみました：

$("#export").click(function () {
    $.post("/Relay/Billing/Export", { type: $("#discountType").val() })
      .done(function (data) {
      });
});

まだ名前を付けて保存ボックスがありません

asp.net-mvcasp.net-mvc-3asp.net-mvc-4asp.net-web-api
13
ShaneKm

これが適切なプロトコルであるかどうかはわかりませんが、これは以前のやり方です。したがって、ファイルで応答するAPIを呼び出すWebページがあり、ブラウザのダイアログとして保存することで処理する必要があります。

HTML：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script type="text/javascript">
        function save() {
            window.open('http://localhost:45719/api/home?id=12', '_blank', '');
        }
    </script>
</head>
<body>
    <a class="btn btn-primary" onclick="save()">Export</a>
</body>
</html>

アクション：

public HttpResponseMessage Get(int id)
{
    MemoryStream stream = new MemoryStream();
    StreamWriter writer = new StreamWriter(stream);
    writer.Write("Hello, World!");
    writer.Flush();
    stream.Position = 0;

    HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);
    result.Content = new StreamContent(stream);
    result.Content.Headers.ContentType = new MediaTypeHeaderValue("text/csv");
    result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment") { FileName = "Export.csv" };
    return result;
}

これは、ChromeとFirefox最新の両方で機能しています。

34
lbrahim