Блог

Я хотел бы поделиться объектом JSON в виде файла через Web Share API.

Однако при указании type as 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> 

Согласно этой документации MDN об общих типах файлов, поддерживаемых типов файлов всего несколько.

• 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 (текстовый / обычный) есть.

В зависимости от вашего сценария, вы можете рассмотреть возможность предоставления общего доступа к URL-адресу для рассматриваемого файла с помощью параметра URL.

Это работает так, как задумано. Вы можете увидеть список поддерживаемых типов файлов в этом документе.