前端ajax向后端发送请求,后端返回文件下载ajax怎么处理?
发布于 2 天前 作者 muzi-xiangxiang 144 次浏览 来自 问答

前端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);
  }

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

2 回复

不是太明白你的问题描述。。

后端返回文件下载ajax?逻辑不通!

source vue-cnode mobile 2.0

回到顶部