是否可以与 navigator.share 共享文件（PDF）而不是 url？

Question

我有一个从服务器生成的 pdf 文件，我希望允许用户通过 navigator.share 共享此文件。是否可以共享文件而不是 URL？

    navigator.share({
          title: 'Web Fundamentals',
          text: 'Check out Web Fundamentals — it rocks!',
          url: 'https://developers.google.com/web',
      })
        .then(() => console.log('Successful share'))
        .catch((error) => console.log('Error sharing', error));

Answer 1

Chrome for Android (75+) 现在支持此功能 (called Web Share API Level 2)，希望其他浏览器也能尽快效仿。

here 提供演示。

Answer 2

Chrome 93.0.4570.0 现在支持通过 Web Share 共享 PDF 文件。见https://chromiumdash.appspot.com/commit/7d30d42a018d4aa76fca2896f2903d892b5f5284和https://bugs.chromium.org/p/chromium/issues/detail?id=1006055

shareButton.onclick = async () => {
  const response = await fetch("https://example.com/files/hello.pdf");
  const buffer = await response.arrayBuffer();

  const pdf = new File([buffer], "hello.pdf", { type: "application/pdf" });
  const files = [pdf];

  // Share PDF file if supported.
  if (navigator.canShare({ files })) await navigator.share({ files });
};

Answer 3

如果您想分享您的 pdf 文件，我建议您将它们作为指向 url 属性的直接链接提供。请注意，'' 的 url 指的是当前页面 URL，就像它在链接中一样。 也可以使用任何其他绝对或相对 URL。