Quantcast
Channel: CNode:Node.js专业中文社区
Viewing all articles
Browse latest Browse all 14821

前端ajax向后端发送请求,后端返回文件下载ajax怎么处理?

$
0
0

前端js上传文件到后端

var uploadFile = function () {
  var formData = new FormData($("#upload-form")[0]);
  if ($('#upload-file').val().trim().length < 1) {
    alert('请选择您要上传的文件!');
    return;
  }
  $.ajax({
    url: '/uploadFile',
    type: 'POST',
    data: formData,
    async: true,
    cache: false,
    contentType: false,
    processData: false, 
    success: function (data) {
      if (data) {
        console.log('解析表格成功');
      } else {
        alert('文件格式错误,请重新上传。。。')
      }
    },
    error: ajaxerror
  });
}

后端处理好数据后,返回下载

download:function (req,res) {
    var data = forMatCsv();

    // 设置 header 使浏览器下载文件
    res.setHeader('Content-Description', 'File Transfer');
    res.setHeader('Content-Type', 'application/csv; charset=utf-8');
    res.setHeader('Content-Disposition', 'attachment; filename=测试.csv');
    res.setHeader('Expires', '0');
    res.setHeader('Cache-Control', 'must-revalidate');

    // 为了让 Windows 能识别 utf-8,加上了 dom
    res.send('\uFEFF' + data);
  }

返回的文件不知道怎么接受了


Viewing all articles
Browse latest Browse all 14821

Trending Articles