ส่งออกเป็น CSV โดยใช้ MVC, C # และ jQuery


85

ฉันกำลังพยายามส่งออกรายการเป็นไฟล์ CSV ฉันทำให้ทุกอย่างทำงานได้ถึงจุดที่ฉันต้องการเขียนลงในไฟล์ไปยังสตรีมตอบกลับ นี่ไม่ได้ทำอะไร

นี่คือรหัสของฉัน:

เรียกใช้เมธอดจากเพจ

$('#btn_export').click(function () {
         $.post('NewsLetter/Export');
});

รหัสในคอนโทรลเลอร์มีดังนี้:

[HttpPost]
        public void Export()
        {
            try
            {
                var filter = Session[FilterSessionKey] != null ? Session[FilterSessionKey] as SubscriberFilter : new SubscriberFilter();

                var predicate = _subscriberService.BuildPredicate(filter);
                var compiledPredicate = predicate.Compile();
                var filterRecords = _subscriberService.GetSubscribersInGroup().Where(x => !x.IsDeleted).AsEnumerable().Where(compiledPredicate).GroupBy(s => s.Subscriber.EmailAddress).OrderBy(x => x.Key);

                ExportAsCSV(filterRecords);
            }
            catch (Exception exception)
            {
                Logger.WriteLog(LogLevel.Error, exception);
            }
        }

        private void ExportAsCSV(IEnumerable<IGrouping<String, SubscriberInGroup>> filterRecords)
        {
            var sw = new StringWriter();
            //write the header
            sw.WriteLine(String.Format("{0},{1},{2},{3}", CMSMessages.EmailAddress, CMSMessages.Gender, CMSMessages.FirstName, CMSMessages.LastName));

            //write every subscriber to the file
            var resourceManager = new ResourceManager(typeof(CMSMessages));
            foreach (var record in filterRecords.Select(x => x.First().Subscriber))
            {
                sw.WriteLine(String.Format("{0},{1},{2},{3}", record.EmailAddress, record.Gender.HasValue ? resourceManager.GetString(record.Gender.ToString()) : "", record.FirstName, record.LastName));
            }

            Response.Clear();
            Response.AddHeader("Content-Disposition", "attachment; filename=adressenbestand.csv");
            Response.ContentType = "text/csv";
            Response.Write(sw);
            Response.End();
        }

แต่หลังจากResponse.Write(sw)ไม่มีอะไรเกิดขึ้น เป็นไปได้ไหมที่จะบันทึกไฟล์ด้วยวิธีนี้?

ความนับถือ

แก้ไข
ส่วนหัวการตอบกลับที่ฉันเห็นเมื่อคลิกปุ่มคือ:

HTTP/1.1 200 OK
Cache-Control: private
Content-Type: text/csv; charset=utf-8
Server: Microsoft-IIS/7.5
X-AspNetMvc-Version: 2.0
Content-Disposition: attachment; filename=adressenbestand.csv
X-Powered-By: ASP.NET
Date: Wed, 12 Jan 2011 13:05:42 GMT
Content-Length: 113

ซึ่งดูเหมือนจะโอเคสำหรับฉัน ..

แก้ไข
ฉันได้กำจัดส่วน jQuery แล้วแทนที่ด้วยไฮเปอร์ลิงก์และตอนนี้ใช้งานได้ดีสำหรับฉัน:

<a class="export" href="NewsLetter/Export">exporteren</a>

1
คำถามนี้อาจช่วยได้: stackoverflow.com/questions/4522590/…
Rob

คุณสามารถบันทึกคำตอบของคุณเป็นคำตอบจริงแทนที่จะแก้ไขคำถามได้โปรด
Caltor

คำตอบ:


251

yan.kun มาถูกทางแล้ว แต่วิธีนี้ง่ายกว่ามาก

    public FileContentResult DownloadCSV()
    {
        string csv = "Charlie, Chaplin, Chuckles";
        return File(new System.Text.UTF8Encoding().GetBytes(csv), "text/csv", "Report123.csv");
    }

เราจะจัดการกับสตริงที่มีเครื่องหมายจุลภาคได้อย่างไร? ฉันลองใช้เครื่องหมายคำพูดคู่เป็นตัวระบุข้อความ แต่ดูเหมือนจะไม่ได้ผล
Mike Cole

1
@mmssaann นั่นคือความสวยงามของมันคุณไม่ได้ใช้จาวาสคริปต์ คุณเพียงแค่ตั้งค่า href ของแท็กจุดยึดของคุณให้เป็นการดำเนินการ <a href="ControllerName/ActionName">Download CSV</a>
Biff MaGriff

1
ฉันได้ตั้งค่า href สำหรับแท็กจุดยึดแล้ว มันทำงานได้ดี อย่างไรก็ตามฉันยังคงเห็นทั้งหน้าถูกโพสต์กลับ มีวิธี จำกัด การโพสต์แบ็คหรือไม่?
mmssaann

1
@mmssaann คุณควรถามคำถามใหม่พร้อมรายละเอียดเกี่ยวกับการตั้งค่าเฉพาะของคุณ
Biff MaGriff

1
ฉันใช้วิธีของคุณในการสร้าง CSV ดาวน์โหลดทุกอย่างก็โอเคฉันดีบักมันไปที่คอนโทรลเลอร์ แต่เบราว์เซอร์ไม่แสดงสัญญาณของไฟล์ดาวน์โหลด? คุณคิดว่าเกิดอะไรขึ้นฉันต้องเปลี่ยน Web.config หรืออะไร?
zquanghoangz

13

ด้วย MVC คุณสามารถส่งคืนไฟล์เช่นนี้:

public ActionResult ExportData()
{
    System.IO.FileInfo exportFile = //create your ExportFile
    return File(exportFile.FullName, "text/csv", string.Format("Export-{0}.csv", DateTime.Now.ToString("yyyyMMdd-HHmmss")));
}

8
คุณต้องการสร้างไฟล์จำนวนมากบนเว็บเซิร์ฟเวอร์หรือไม่? แล้วการทำความสะอาดล่ะ? ความปลอดภัยล่ะ
chris

@chris ไม่ได้สร้างไฟล์ในหน่วยความจำของเซิร์ฟเวอร์แทนที่จะเป็นระบบไฟล์?
galdin

ฉันใช้วิธีของคุณในการสร้าง CSV ดาวน์โหลดทุกอย่างก็โอเคฉันดีบักมันไปที่คอนโทรลเลอร์ แต่เบราว์เซอร์ไม่แสดงสัญญาณของไฟล์ดาวน์โหลด? คุณคิดว่าเกิดอะไรขึ้นฉันต้องเปลี่ยน Web.config หรืออะไร?
zquanghoangz

7

นอกจากคำตอบของ Biff MaGriff ในการส่งออกไฟล์โดยใช้ JQuery ให้เปลี่ยนเส้นทางผู้ใช้ไปยังเพจใหม่

$('#btn_export').click(function () {
    window.location.href = 'NewsLetter/Export';
});

5

จะเกิดอะไรขึ้นถ้าคุณกำจัด stringwriter:

        Response.Clear();
        Response.AddHeader("Content-Disposition", "attachment; filename=adressenbestand.csv");
        Response.ContentType = "text/csv";
        //write the header
        Response.Write(String.Format("{0},{1},{2},{3}", CMSMessages.EmailAddress, CMSMessages.Gender, CMSMessages.FirstName, CMSMessages.LastName));

        //write every subscriber to the file
        var resourceManager = new ResourceManager(typeof(CMSMessages));
        foreach (var record in filterRecords.Select(x => x.First().Subscriber))
        {
            Response.Write(String.Format("{0},{1},{2},{3}", record.EmailAddress, record.Gender.HasValue ? resourceManager.GetString(record.Gender.ToString()) : "", record.FirstName, record.LastName));
        }

        Response.End();

ไม่ได้สร้างความแตกต่างเช่นกัน ฉันได้รับการแก้ไขทั้งหมดแล้วด้วยวิธีอื่น ดูการแก้ไขของฉัน ขอบคุณสำหรับความช่วยเหลือ!
เจอราร์ด

3

เคารพ Biff นี่คือการปรับแต่งบางอย่างที่ให้ฉันใช้วิธีการเด้ง CSV จาก jQuery / Post กับเซิร์ฟเวอร์และกลับมาเป็นพรอมต์ CSV ให้กับผู้ใช้

    [Themed(false)]
    public FileContentResult DownloadCSV()
    {

        var csvStringData = new StreamReader(Request.InputStream).ReadToEnd();

        csvStringData = Uri.UnescapeDataString(csvStringData.Replace("mydata=", ""));

        return File(new System.Text.UTF8Encoding().GetBytes(csvStringData), "text/csv", "report.csv");
    }

คุณจะต้องมีบรรทัด unescape หากคุณกดปุ่มนี้จากแบบฟอร์มที่มีรหัสดังต่อไปนี้

    var input = $("<input>").attr("type", "hidden").attr("name", "mydata").val(data);
    $('#downloadForm').append($(input));
    $("#downloadForm").submit();

3

จากปุ่มในมุมมองการโทรคลิก (เรียกสคริปต์จาวา) จากนั้นวิธีการควบคุมการโทรโดย window.location.href = 'Controller / Method';

ในตัวควบคุมทำการเรียกฐานข้อมูลและรับข้อมูลหรือเรียกวิธีการบางอย่างรับข้อมูลจากตารางฐานข้อมูลไปยัง datatable จากนั้นทำตาม

using (DataTable dt = new DataTable())
                        {
                            sda.Fill(dt);
                            //Build the CSV file data as a Comma separated string.
                            string csv = string.Empty;
                            foreach (DataColumn column in dt.Columns)
                            {
                                //Add the Header row for CSV file.
                                csv += column.ColumnName + ',';
                            }
                            //Add new line.
                            csv += "\r\n";
                            foreach (DataRow row in dt.Rows)
                            {
                                foreach (DataColumn column in dt.Columns)
                                {
                                    //Add the Data rows.
                                    csv += row[column.ColumnName].ToString().Replace(",", ";") + ',';
                                }
                                //Add new line.
                                csv += "\r\n";
                             }
                             //Download the CSV file.
                             Response.Clear();
                             Response.Buffer = true;
                             Response.AddHeader("content-disposition", "attachment;filename=SqlExport"+DateTime.Now+".csv");
                             Response.Charset = "";
                             //Response.ContentType = "application/text";
                             Response.ContentType = "application/x-msexcel";
                             Response.Output.Write(csv);
                             Response.Flush();
                             Response.End();
                           }

1

แม้ว่าคุณจะแก้ไขปัญหาของคุณแล้ว แต่นี่เป็นอีกวิธีหนึ่งที่พยายามส่งออก csv โดยใช้ mvc

return new FileStreamResult(fileStream, "text/csv") { FileDownloadName = fileDownloadName };


-3

สร้างไฟล์ excel อย่างง่ายใน mvc 4

ผลลัพธ์ ActionResult สาธารณะ () {return File (System.Text.UTF8Encoding ใหม่ (). GetBytes ("ข้อมูลสตริง"), "application / csv", "filename.csv"); }


นี่ไม่ใช่คำตอบที่ดี โปรดดูที่ฉันจะเขียนคำตอบที่ดีได้อย่างไร?
Clijsters

เป็นคำตอบที่ดี มันถูกจัดรูปแบบไม่ดีและซ้ำคำตอบที่ดีที่สุดซึ่งโพสต์เมื่อ 6 ปีก่อนหน้านี้ : D
Caltor
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.