当前页面根据文件名调用接口下载文件（不弹出新窗口）

最新推荐文章于 2021-12-09 10:52:24 发布

原创最新推荐文章于 2021-12-09 10:52:24 发布 · 294 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在网页中实现文件下载的方法，通过创建表单并利用JavaScript进行操作，实现跨域下载服务器上的附件。此方法适用于需要在前端页面直接触发下载需求的场景。

/**
 * 当前页下载附件
 */

export const downLoadFile =(alifileName,fileName) =>{
  const servicesUrl = getSession("servicesUrl");
  const sys_source = getSession("sysSource");
  const author = getSession("author");
  const url = servicesUrl+"common/downloadfile";

  const  data = {
    "Authorization":author,
    "sys_source":sys_source,
    "alifileName":alifileName,
    "fileName":fileName
  }

  const body = document.getElementsByTagName('body')[0];
  const form = document.createElement('form');
  form.method = 'POST';
  form.action = url;
  for (let key in data) {
    let param = document.createElement('input');
    param.type = 'hidden';
    param.name = key;
    param.value = data[key];
    form.appendChild(param);
  }
  body.appendChild(form);
  form.submit();
  body.removeChild(form);
}