电子js -如何获得正在下载的文件的相关图标

<a href="path/to/file.pdf" download="file.pdf">Download File</a>

const downloadLink = document.querySelector('a');
downloadLink.addEventListener('click', function(event) {
  // 在这里进行相关操作
});

downloadLink.addEventListener('click', function(event) {
  event.preventDefault();
  const fileUrl = downloadLink.href;
  // 在这里进行相关操作
});

downloadLink.addEventListener('click', function(event) {
  event.preventDefault();
  const fileUrl = downloadLink.href;
  fetch(fileUrl, { method: 'HEAD' })
    .then(response => {
      const contentType = response.headers.get('Content-Type');
      // 在这里进行相关操作
    });
});

downloadLink.addEventListener('click', function(event) {
  event.preventDefault();
  const fileUrl = downloadLink.href;
  fetch(fileUrl, { method: 'HEAD' })
    .then(response => {
      const contentType = response.headers.get('Content-Type');
      let iconClass = '';
      if (contentType.includes('pdf')) {
        iconClass = 'fas fa-file-pdf';
      } else if (contentType.includes('image')) {
        iconClass = 'fas fa-file-image';
      } else if (contentType.includes('video')) {
        iconClass = 'fas fa-file-video';
      } else {
        iconClass = 'fas fa-file';
      }
      // 在这里进行相关操作，例如显示图标
    });
});