Estoy trabajando en una secuencia de comandos en la que los usuarios pueden compartir contenido utilizando la API nativa para compartir de Javascript.
título, texto, URL y un archivo de imagen (blob).
Pero quiero agregar un paso intermedio en el que primero muestro los datos (incluida la imagen) al usuario y luego, después de hacer clic en "compartir ahora", llame a la API compartida.
Por lo tanto, también quiero mostrar una vista previa del archivo de imagen en el objeto compartido.
Pero me pregunto cómo puedo sacar el Blob() de la matriz de archivos y mostrárselo en la interfaz al usuario...
Esto es lo que probé:
function sharePreview(data) { let code = ""; if(data.title != undefined) { code += "<strong>"+data.title+"</strong><br />"; } if(data.text != undefined) { code += data.text+"<br />"; } if(data.url != undefined) { code += "URL: "+data.url+"<br />"; } if(data.files != undefined) { code += "Image: ???<br />" console.log("Files: ", data.files[0]); } let btn = document.createElement("button"); btn.classList.add("button"); btn.innerText = "share Now"; let l = document.getElementById('layer'); l.innerHTML = code; l.appendChild(btn); btn.addEventListener("click", function() { try { navigator.share(data); } catch(err) { console.log("Teilen fehlgeschlagen. "+err); } }); }