Tengo un método web de publicación que genera un archivo pdf y lo devuelve al cliente. Llamo a este método usando un envío de formulario en una nueva pestaña usando target="_blank", por lo que el pdf se abre en la nueva pestaña usando las herramientas PDF Viewer de Chrome. Todo funciona correctamente con esta implementación, y puedo descargar el archivo pdf:

Pero ahora quiero abrirlo dentro de un iframe en lugar de una nueva pestaña. Tengo esto en HTML:

 <form id="form2" method="post" target="my_iframe" action=""> <input type="hidden" name="wsInputs" id="wsInputs" /> </form> <iframe style="width: 100%; height:600px" name="my_iframe" src=""></iframe>

Cuando se hace clic en un botón, hago esto en mecanografiado:

 const form = document.getElementById("form2") as HTMLFormElement; const input = document.getElementById("wsInputs") as HTMLInputElement; input.value = JSON.stringify(wsPDFInputs); form.action = endpoint + "api/v1/downloads/get-pdf"; form.submit();

Esto funciona correctamente, y dentro del iframe se abre el documento y funciona:

Pero, cuando hago clic en el botón de descarga, no funciona. Esto es lo que sucede cuando se abre el explorador de archivos:

No sé por qué sucede esto. En Firefox, por ejemplo, está funcionando, pero no en Chrome. Además, si hago clic en el icono de impresión y selecciono "guardar como pdf", también funciona.

¿Algunas ideas? Gracias por adelantado.

EDITAR Este es el resultado de la solicitud que genera el pdf:

Tal vez el problema sea la respuesta, parece un documento html en lugar del archivo pdf, no sé por qué. Pero la respuesta es la misma cuando se establece target _blank.