Question

我想在点击按钮时下载excel文件。

当我点击下载按钮时，我想用数据库中的动态数据创建一个Excel文件并下载它（注意：不想创建excel文件并将其存储到物理路径然后下载）。 / p>

Html代码

<button ng-click="exportData()" class="btn btn-sm btn-primary btn-create">Download</button>

控制器代码

 $scope.exportData = function () {
     $http.get('/Getexcel').then(function (response) {
     });
 };

服务器代码

 const ExcelConfig = require('./public/Models/Schema/excel');
    app.get('/Getexcel', ExcelConfig.getexceldata);

注意：   ExcelConfig包含架构代码的路径

excel.js代码

// Require library 
var xl = require('excel4node');
const tempfile = require('tempfile');

// Create a new instance of a Workbook class 
var wb = new xl.Workbook();

// Add Worksheets to the workbook 
var ws = wb.addWorksheet('MaterialFlowSheet');
// Create a reusable style 
var style = wb.createStyle({
    font: {
        color: '#FF0800',
        size: 12
    },
    numberFormat: '$#,##0.00; ($#,##0.00); -'
});

exports.getexceldata = (req, res) => {
    ws.cell(1, 1).string('BatchId').style(style);
    ws.cell(1, 2).string('Source').style(style);
    ws.column(2).setWidth(50);
    ws.row(1).setHeight(20);
    ws.cell(1, 3).string('Destination').style(style);
    ws.column(3).setWidth(50);
    ws.row(1).setHeight(20);
    ws.cell(1, 4).string('DistanceBetweenTwoBuilding').style(style);
    ws.column(4).setWidth(25);
    ws.row(1).setHeight(20);
    ws.cell(1, 5).string('SKU').style(style);
    ws.cell(1, 6).string('UOM').style(style);
    ws.cell(1, 7).string('QtyToBeDelivered').style(style);
    ws.column(7).setWidth(20);
    ws.row(1).setHeight(20);
    ws.cell(1, 8).string('CartType').style(style);
wb.write('Excel.xlsx');
res.download('\Excel.xlsx');
};

我已尝试过上面的示例文件下载。因此，当我单击“下载”按钮时，文件未下载，而在UI中没有发生任何事情。但我正在下载如果我访问此网址http://localhost:8080/Getexcel。任何人都可以通过单击“下载”按钮来提供下载excel文件的解决方案吗？

Answer 1

您必须以文件

发送回复

app.get('/spreadsheet', function(req, res, next) {
  res.setHeader('Content-disposition', `attachment;filename=data.xls`);
  res.setHeader('Content-type', 'application/vnd.ms-excel');
  res.charset = 'UTF-8';
  res.status(200).end(xls);
});

Answer 2

也许已经晚了但是，鉴于您的服务器端代码很好（我不是节点或快递方面的专家），您应该在请求中设置请求标头：

$scope.exportData = function () {
 $http.get('/Getexcel', {responseType: "arraybuffer"}).
....
 };

然后可以使用FileSaver将响应保存到文件中，如此

$scope.exportData = function () {
 $http.get('/Getexcel', {responseType: "arraybuffer"})
    .success(function(response) {
        data     = new Blob([response.data], {type: response.headers('content-type')});

        FileSaver.saveAs(data, filename);
    });
 };

Excel下载不适用于MEAN堆栈应用程序

2 个答案: