Subí un archivo a través de
<input> id="pdf" type="file"></input>Puedo acceder a su contenido a través de
var inp = document.querySelector("#pdf"); var text = await inp.files[0].text()Al llamar a mi función de descarga, aparece "Error de red fallido" (Chromium) y en Firefox no sucede nada (la función no está definida).
download("viainput.png",text);Pero lucho por guardar el mismo archivo en el sistema de archivos, siempre obtengo archivos dañados. Mi próximo paso sería enviarlo a otro usuario a través de webrtc como texto codificado.
function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:image/png;base64,' + encodeURIComponent(text)); element.setAttribute('download', filename); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); } // Start file download. download("hello.png",'iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==');Su solución actual no funciona porque proporciona datos codificados en URL en una cadena que debería estar codificada en base64. Pero olvídate de eso. data: URL son en su mayoría una cosa del pasado (o deberían serlo).
La forma eficiente de hacer esto es no codificar la imagen en una cadena. En su lugar, use directamente el archivo que obtiene de la entrada.
var file = inp.files[0] // this is what you use // as second argument for `download` function download(filename, blob) { const link = document.createElement('a') const url = URL.createObjectURL(blob) link.href = url link.download = filename document.body.appendChild(link) link.click() document.body.removeChild(link) URL.revokeObjectURL(url) // if you're done with that file }También puede enviar el archivo (que es un Blob por prototipo) directamente a un canal de datos WebRTC y luego, en el otro lado, crear la URL del objeto a partir del Blob recibido.