javascript - Firefox 下载标签超链接不起作用

Question

我已应用代码以角度下载 CSV 格式的数据。这是我的代码

downloadStudentCSV() {
  // var data = [];
  var data = ['First Name', 'Middle Name', 'Last Name', 'Email Address', 'Phone', 'Date of Birth', 'Address Line 1', 'Address Line 2', 'City', 'State', 'Post Code', 'Country', 'Student Visa Expiry Date'];

  const replacer = (key, value) => value === null ? '' : value; // specify how you want to handle null values here
  // const header = Object.keys(data[0]);
  const header = data;
  // console.log(header);
  let csv = data.map(row => header.map(fieldName => JSON.stringify(row[fieldName], replacer)).join(','));
  csv.unshift(header.join(','));
  // let csvArray = csv.join('\r\n');
  let csvArray = "\ufeff" + csv.join('\r\n');

  var a = document.createElement('a');
  var blob = new Blob([csvArray], {
      type: 'text/csv;charset=UTF-8'
    }),
    url = window.URL.createObjectURL(blob);

  a.href = url;
  a.download = "studentInfoFile.csv";
  a.click();
  window.URL.revokeObjectURL(url);
  a.remove();
}

问题是我无法在 Firefox 中下载该文件，但它在 Chrome 中运行良好。有人可以帮忙吗？

标签： javascriptangular