Me gustaría compartir un objeto JSON como un archivo a través de Web Share API.

Sin embargo, al especificar el type como application/json , obtuve la DOMException: Permission denied Error:

 navigator.share({ files: [new File(["{}"], "test.json", {type: "application/json"})] }) // Uncaught (in promise) DOMException: Permission denied

Sin embargo, si cambio el type a text/plain y la extensión del nombre de archivo a .txt , funciona como se esperaba:

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

Me gustaría tenerlo como un archivo `JSON para compartirlo en su lugar.

Navegador: Microsoft Edge (Chromium) 96.0.1054.43

Cualquier ayuda sería apreciada.

Ejemplo de fragmento:

 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>