Tengo un PDF en mi servidor .NET Core, que de alguna manera necesito enviar por cable como un BLOB, para que mi solicitud JS AJAX pueda convertirlo nuevamente a un PDF para poder descargarlo.
El motivo de la indirección es que el archivo proviene de mi API, a la que solo se accede a través de AJAX. Debido a la necesidad de un token de portador, no puedo simplemente usar un formulario detrás de escena, ya que no hay una cookie para el sitio creado. (Extraño, lo sé, pero así es actualmente, y no estoy buscando cambiar esa parte)
Entonces, en mi lado de C#, probé varias variaciones, que se muestran a continuación. ApiResponse es solo un contenedor que uso que contiene un bool y una string ( message con nombre) para que pueda saber si la solicitud fue buena o no.
Estos son los que he estado intentando
return new ApiResponse(true, File.ReadAllText(path)); return new ApiResponse(true, Convert.ToBase64String(File.ReadAllBytes(path))); return new ApiResponse(true, JsonConvert.SerializeObject(File.ReadAllBytes(path)));Y en el lado de JS, en el mismo orden para analizarlo de nuevo, tengo:
// Get the response in object form, since it's sent as an ApiResponse const response = JSON.parse(xmlhttp.response); const text = response.message; const text = atob(response.message) const text = JSON.parse(response.message)También he probado cosas como
const text = atob(JSON.parse(response.message))Luego, con el texto estoy haciendo esto:
const blob = new Blob([text], {type: "application/pdf"}); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = "file.pdf"; document.body.appendChild(a); a.click();Y esto genera correctamente un archivo que se descarga. Sin embargo, ese archivo no es válido: está dañado.
Estoy bastante atascado en este punto y no he podido encontrar algo que vaya de principio a fin usando este método para descargar archivos con Javascript. Es la parte trasera o la parte delantera, pero nunca unidas.
Entonces, ¿cómo puedo enviar con éxito un PDF BLOB a través de la red y volver a crearlo en el front-end para que pueda descargarse?
La respuesta fácil a cómo hacer la conversión es no .
Todos los navegadores modernos admiten la codificación base64 de forma nativa, por lo que no es necesario volver a convertir los datos en un BLOB antes de descargarlos.
Por lo tanto, el código final es:
const a = document.createElement("a"); a.href = "data:application/pdf;base64," + response.message; a.download = "file.pdf"; document.body.appendChild(a); a.click();