navigator.share(file) 不适用于音频文件

问题描述

我有这个工作功能：

export const shareFile = (message: File) => {
      const nav = window.navigator as any ;
      const data = { files: [message],text: '' };
      if (nav.canShare && nav.canShare(data)) {
        navigator.share(data)
        .then(() => console.log('Share was successful.'))
        .catch(error => console.log('Sharing Failed',error));
      } else {
        console.log(`Your system doesn't support sharing files.`);
      }
    };
  };

它适用于 txt 文件、视频和图像，但不适用于音频文件（例如 .mp3 文件）。当我记录文件时，这是它的属性：

 file:
data: File
lastModified: 1619510595837
lastModifiedDate: Tue Apr 27 2021 11:03:15 GMT+0300 (Israel Daylight Time) {}
name: "feature-completion-1.mp3"
size: 4015
type: "audio/mpeg"
webkitRelativePath: ""
__proto__: File

在控制台中，错误是： Sharing Failed DOMException: Permission denied

有人可以帮我解决这个问题吗？为什么权限被拒绝？

注意：我的网站使用 HTTPS。

解决方法

您的实施是正确的，但您遇到了安全限制。规范在 share() 方法的处理算法的 step 9 中解释了这一点：

如果出于安全考虑而阻止某个文件类型，则返回使用 "NotAllowedError" DOMException 拒绝的承诺。

现在您当然可以争论为什么 .mp3 文件会是一个安全问题（我不知道答案）。理想情况下，您可以在 new.crbug.com 中执行此操作。