正在将 OpenXML 创建的 Excel 个电子表格导出到客户端
Exporting OpenXML created Excel Spreadsheet to client side
我正在尝试让 API 开始下载已创建的 excel 电子表格。虽然,我似乎 运行 遇到了一些麻烦。我也尝试将电子表格内存流的字节数组发送到前端并从那里发送,但是 excel 文件已损坏并且不包含任何数据。
控制器:
[HttpPost]
[Route("CreateExcelDocument")]
public ActionResult CreateExcelDocument([FromBody] List<BarBillList> model)
{
try
{
byte[] tmp;
using (ExcelController ex = new ExcelController())
{
tmp = ex.createExcelSpreadsheet(barBillExport);
}
string fileName = "xxx.xlsx";
return File(tmp, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", fileName);
}
catch (Exception e)
{
return null;
}
}
ExcelController class 电子表格创建方法:
public byte[] createExcelSpreadsheet(List<BarBillList> barBillExport)
{
DateTime today = DateTime.Today;
using (MemoryStream ms = new MemoryStream())
{
using (SpreadsheetDocument document = SpreadsheetDocument.Create(ms, SpreadsheetDocumentType.Workbook))
{
//Creating the initial document
WorkbookPart workbookPart = document.AddWorkbookPart();
workbookPart.Workbook = new Workbook();
WorksheetPart worksheetPart = workbookPart.AddNewPart<WorksheetPart>();
worksheetPart.Worksheet = new Worksheet();
workbookPart.Workbook.Save();
//Styling the doucment
WorkbookStylesPart stylesPart = workbookPart.AddNewPart<WorkbookStylesPart>();
stylesPart.Stylesheet = GenerateStyleSheet();
stylesPart.Stylesheet.Save();
//Adding width to the columns
DocumentFormat.OpenXml.Spreadsheet.Columns columns = new DocumentFormat.OpenXml.Spreadsheet.Columns();
columns.Append(new DocumentFormat.OpenXml.Spreadsheet.Column() { Min = 1, Max = 6, Width = 20, CustomWidth = true });
worksheetPart.Worksheet.Append(columns);
//Creating the worksheet part to add the data to
Sheets sheets = workbookPart.Workbook.AppendChild(new Sheets());
Sheet sheet = new Sheet() { Id = workbookPart.GetIdOfPart(worksheetPart), SheetId = 1, Name = "BarBill" };
sheets.Append(sheet);
SheetData sheetData = worksheetPart.Worksheet.AppendChild(new SheetData());
//Creating the first Header Row
Row row = new Row();
row.Append(
ConstructCell("Name", CellValues.String, true),
ConstructCell("Last Payment Date", CellValues.String, true),
ConstructCell("Last Payment Amount", CellValues.String, true),
ConstructCell("Current Balance", CellValues.String, true));
sheetData.AppendChild(row);
//Appending the data into their respective columns
foreach (var ent in barBillExport)
{
row = new Row();
row.Append(
ConstructCell(ent.Name.ToString(), CellValues.String, false),
ConstructCell((ent.LastPaymentDate.ToString().Length > 0) ? ent.LastPaymentDate.ToString() : "", CellValues.String, false),
ConstructCell((ent.LastPayment.ToString().Length > 0) ? ent.LastPayment.ToString() : "", CellValues.String, false),
ConstructCell((ent.TotalBalance.ToString().Length > 0) ? ent.TotalBalance.ToString() : "", CellValues.String, false));
sheetData.AppendChild(row);
}
worksheetPart.Worksheet.Save();
}
return ms.ToArray();
}
}
编辑
前端服务:
createExcelDocument(model: BillList[]): any {
return this.http.post(this.getBarBillsUrl + "/CreateExcelDocument", model)
.map(this.helper.extractData)
.catch(this.helper.handleError);
}
我知道映射器不需要存在。但是我把它放在那里应该我需要把字节数组带到前面然后从那里开始。
任何有关此事的指示或指导将不胜感激。
谢谢。
为感兴趣或面临类似问题的人找到的解决方案(请参阅以下作者的答案)
我在 TypeScript 的服务调用中添加了 { responseType: ResponseContentType.Blob }
。
然后它返回给我一团电子表格。从那里,在打字稿中我 运行 它通过另一种方法:
private saveAsBlob(data: any) {
const year = this.today.getFullYear();
const month = this.today.getMonth();
const date = this.today.getDate();
const dateString = year + '-' + month + '-' + date;
const file = new File([data], 'BarBill ' + dateString + '.xlsx',
{ type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
FileSaver.saveAs(file);
}
然后让我的文件下载客户端。
非常感谢大家。尤其是答案的作者。
您的 "return ms.ToArray();" 行需要移到 using 中,并可能添加 "document.Close();":
public byte[] createExcelSpreadsheet(List<BarBillList> barBillExport)
{
DateTime today = DateTime.Today;
using (MemoryStream ms = new MemoryStream())
{
using (SpreadsheetDocument document = SpreadsheetDocument.Create(ms, SpreadsheetDocumentType.Workbook))
{
//Creating the initial document
...
//Styling the doucment
...
//Adding width to the columns
...
//Creating the worksheet part to add the data to
...
SheetData sheetData = worksheetPart.Worksheet.AppendChild(new SheetData());
//Creating the first Header Row
...
//Appending the data into their respective columns
foreach (var ent in barBillExport)
{
...
}
worksheetPart.Worksheet.Save();
document.Close();
return ms.ToArray();
}
}
}
您需要告诉 Angular 响应不是 JSON 格式,因此它不会尝试解析它。尝试将您的代码更改为:
createExcelDocument(model: BillList[]): any {
return this.http.post(this.getBarBillsUrl + "/CreateExcelDocument",
model, { responseType: ResponseContentType.Blob })
.map(this.helper.extractData)
.catch(this.helper.handleError);
}
以上代码用于二进制格式,但对于 excel 文件,您应该使用以下代码:
const httpOptions = {
headers: new HttpHeaders({ 'responseType': 'ResponseContentType.Blob',
'Content-Type': 'application/vnd.ms-excel'})};
createExcelDocument(model: BillList[]): any {
return this.http.post(this.getBarBillsUrl + "/CreateExcelDocument",
model, httpOptions )
.map(this.helper.extractData)
.catch(this.helper.handleError);
}
我正在尝试让 API 开始下载已创建的 excel 电子表格。虽然,我似乎 运行 遇到了一些麻烦。我也尝试将电子表格内存流的字节数组发送到前端并从那里发送,但是 excel 文件已损坏并且不包含任何数据。
控制器:
[HttpPost]
[Route("CreateExcelDocument")]
public ActionResult CreateExcelDocument([FromBody] List<BarBillList> model)
{
try
{
byte[] tmp;
using (ExcelController ex = new ExcelController())
{
tmp = ex.createExcelSpreadsheet(barBillExport);
}
string fileName = "xxx.xlsx";
return File(tmp, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", fileName);
}
catch (Exception e)
{
return null;
}
}
ExcelController class 电子表格创建方法:
public byte[] createExcelSpreadsheet(List<BarBillList> barBillExport)
{
DateTime today = DateTime.Today;
using (MemoryStream ms = new MemoryStream())
{
using (SpreadsheetDocument document = SpreadsheetDocument.Create(ms, SpreadsheetDocumentType.Workbook))
{
//Creating the initial document
WorkbookPart workbookPart = document.AddWorkbookPart();
workbookPart.Workbook = new Workbook();
WorksheetPart worksheetPart = workbookPart.AddNewPart<WorksheetPart>();
worksheetPart.Worksheet = new Worksheet();
workbookPart.Workbook.Save();
//Styling the doucment
WorkbookStylesPart stylesPart = workbookPart.AddNewPart<WorkbookStylesPart>();
stylesPart.Stylesheet = GenerateStyleSheet();
stylesPart.Stylesheet.Save();
//Adding width to the columns
DocumentFormat.OpenXml.Spreadsheet.Columns columns = new DocumentFormat.OpenXml.Spreadsheet.Columns();
columns.Append(new DocumentFormat.OpenXml.Spreadsheet.Column() { Min = 1, Max = 6, Width = 20, CustomWidth = true });
worksheetPart.Worksheet.Append(columns);
//Creating the worksheet part to add the data to
Sheets sheets = workbookPart.Workbook.AppendChild(new Sheets());
Sheet sheet = new Sheet() { Id = workbookPart.GetIdOfPart(worksheetPart), SheetId = 1, Name = "BarBill" };
sheets.Append(sheet);
SheetData sheetData = worksheetPart.Worksheet.AppendChild(new SheetData());
//Creating the first Header Row
Row row = new Row();
row.Append(
ConstructCell("Name", CellValues.String, true),
ConstructCell("Last Payment Date", CellValues.String, true),
ConstructCell("Last Payment Amount", CellValues.String, true),
ConstructCell("Current Balance", CellValues.String, true));
sheetData.AppendChild(row);
//Appending the data into their respective columns
foreach (var ent in barBillExport)
{
row = new Row();
row.Append(
ConstructCell(ent.Name.ToString(), CellValues.String, false),
ConstructCell((ent.LastPaymentDate.ToString().Length > 0) ? ent.LastPaymentDate.ToString() : "", CellValues.String, false),
ConstructCell((ent.LastPayment.ToString().Length > 0) ? ent.LastPayment.ToString() : "", CellValues.String, false),
ConstructCell((ent.TotalBalance.ToString().Length > 0) ? ent.TotalBalance.ToString() : "", CellValues.String, false));
sheetData.AppendChild(row);
}
worksheetPart.Worksheet.Save();
}
return ms.ToArray();
}
}
编辑
前端服务:
createExcelDocument(model: BillList[]): any {
return this.http.post(this.getBarBillsUrl + "/CreateExcelDocument", model)
.map(this.helper.extractData)
.catch(this.helper.handleError);
}
我知道映射器不需要存在。但是我把它放在那里应该我需要把字节数组带到前面然后从那里开始。
任何有关此事的指示或指导将不胜感激。
谢谢。
为感兴趣或面临类似问题的人找到的解决方案(请参阅以下作者的答案)
我在 TypeScript 的服务调用中添加了 { responseType: ResponseContentType.Blob }
。
然后它返回给我一团电子表格。从那里,在打字稿中我 运行 它通过另一种方法:
private saveAsBlob(data: any) {
const year = this.today.getFullYear();
const month = this.today.getMonth();
const date = this.today.getDate();
const dateString = year + '-' + month + '-' + date;
const file = new File([data], 'BarBill ' + dateString + '.xlsx',
{ type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
FileSaver.saveAs(file);
}
然后让我的文件下载客户端。
非常感谢大家。尤其是答案的作者。
您的 "return ms.ToArray();" 行需要移到 using 中,并可能添加 "document.Close();":
public byte[] createExcelSpreadsheet(List<BarBillList> barBillExport)
{
DateTime today = DateTime.Today;
using (MemoryStream ms = new MemoryStream())
{
using (SpreadsheetDocument document = SpreadsheetDocument.Create(ms, SpreadsheetDocumentType.Workbook))
{
//Creating the initial document
...
//Styling the doucment
...
//Adding width to the columns
...
//Creating the worksheet part to add the data to
...
SheetData sheetData = worksheetPart.Worksheet.AppendChild(new SheetData());
//Creating the first Header Row
...
//Appending the data into their respective columns
foreach (var ent in barBillExport)
{
...
}
worksheetPart.Worksheet.Save();
document.Close();
return ms.ToArray();
}
}
}
您需要告诉 Angular 响应不是 JSON 格式,因此它不会尝试解析它。尝试将您的代码更改为:
createExcelDocument(model: BillList[]): any {
return this.http.post(this.getBarBillsUrl + "/CreateExcelDocument",
model, { responseType: ResponseContentType.Blob })
.map(this.helper.extractData)
.catch(this.helper.handleError);
}
以上代码用于二进制格式,但对于 excel 文件,您应该使用以下代码:
const httpOptions = {
headers: new HttpHeaders({ 'responseType': 'ResponseContentType.Blob',
'Content-Type': 'application/vnd.ms-excel'})};
createExcelDocument(model: BillList[]): any {
return this.http.post(this.getBarBillsUrl + "/CreateExcelDocument",
model, httpOptions )
.map(this.helper.extractData)
.catch(this.helper.handleError);
}