有没有办法在通过window.showSaveFilePicker下载时在底部显示下载的文件

Question

我希望用户能够提供下载位置，而不是让文件自动下载到默认位置。我能够做到这一点，但现在用户看不到在浏览器底部下载的文件，它曾经在自动下载时显示。我想兼具两者的优点（能够选择下载位置并在底部显示下载的文件）。

这是我目前拥有的代码。

 if ('showSaveFilePicker' in window) {
          window
            .showSaveFilePicker({ suggestedName: `${fileName}.mp4` })
            .then((fileHandle) => fileHandle.createWritable())
            .then((stream) => {
              stream.write(blob);
              stream.close();
            })
            // eslint-disable-next-line no-console
            .catch((err) => console.log('SaveFile aborted'));
        } else {
          const url = window.URL.createObjectURL(new Blob([blob]));
          const link = document.createElement('a');
          link.href = url;
          link.setAttribute('download', `${fileName}.mp4`);
          document.body.appendChild(link);
          link.click();
          link.parentNode.removeChild(link);
 }