在浏览器中下载JavaScript提示

Question

我只是尝试从服务器下载文件，然后在浏览器中提示下载以供用户查看。

我现在所拥有的：客户

export function downloadTemplateAction(questionnaire) {
  return dispatch => {
    dispatch(downloadTemplateRequestAction(questionnaire));

    return request
      .get(downloadGETUrl)
      .end((err, res) => {
        if (err) {
          console.log("Download ERROR", err)
          dispatch(downloadTemplateFailureAction(err, questionnaire));
        } else {
          console.log("Download Success", res.body)
          dispatch(downloadTemplateSuccessAction(res.body, questionnaire));
        }
      });
  }
}

服务器：

export function downloadTemplateDocument(req, res){
    res.download('template/Example.docx');
    res.end();
}

我面临两个问题：

第一 ：尝试通过客户端功能下载文件时，响应主体为null，但成功，没有任何反应。

第二 ：通过浏览器localhost：3002 / api / download与get API联系时，下载有效，但收到的文件为空。 里面应该有文字。

我在这里做错了什么？

Answer 1

浏览器无法提示下载进度，因为您的请求是通过XMLHttpRequest发送的。 浏览器需要物理访问该文件，才能知道所有下载。

您可以使用download属性来告诉浏览器下载链接的资源。

原始答案