Web 共享 API：某些文件类型的权限被拒绝

Question

我想通过 Web 共享 API 将 JSON 对象作为文件共享。

但是，当将type 指定为application/json 时，我得到了DOMException: Permission denied 错误：

navigator.share({
    files: [new File(["{}"], "test.json", {type: "application/json"})]
})

// Uncaught (in promise) DOMException: Permission denied

但是，如果我将 type 更改为 text/plain 并将文件扩展名更改为 .txt，它会按预期工作：

navigator.share({
    files: [new File(["{}"],"test.txt", {type: "text/plain"})]
})

// File share success

我想把它作为一个 `JSON 文件来共享。

浏览器：Microsoft Edge (Chromium) 96.0.1054.43

---

任何帮助将不胜感激。

---

片段示例：

const textbtn = () => {
  navigator.share({
      files: [new File(["{}"],"test.txt", {type: "text/plain"})]
  }).catch(e => alert(e.message))
}

const jsonbtn = () => {
  navigator.share({
      files: [new File(["{}"],"test.json", {type: "application/json"})]
  }).catch(e => alert(e.message))
}

<h1>WebShare Test<h1>

<button onclick="jsonbtn()">test.json | application/json</button>
<br />
<button onclick="textbtn()">text.text | text/pain</button>

Answer 1

根据MDN documentation about shareable file types，支持的文件类型只有很少。

• PDF
• 一些音频文件
• 一些图片文件
• 一些文本文件
• 一些视频文件

特别是文本文件是：

.css - text/css
.csv - text/csv
.ehtml - text/html
.htm - text/html
.html - text/html
.shtm - text/html
.shtml - text/html
.text - text/plain
.txt - text/plain

很遗憾，JSON（application/json）不在其中，但 txt（text/plain）在其中。

根据您的情况，您可能需要考虑通过 URL parameter 共享相关文件的 URL。

Answer 2

这是按预期工作的。您可以在此文档中看到list of supported file types。