在 iframe 中下载 PDF 文件在 Chrome 中不起作用
发布于2022-02-13 01:43 阅读(1301) 评论(0) 点赞(14) 收藏(2)
我有一个 post web 方法，它生成一个 pdf 文件并将其返回给客户端。我使用 target="_blank" 在新选项卡中使用表单提交调用此方法，因此使用 Chrome 的 PDF 查看器工具在新选项卡中打开 pdf。这个实现一切正常，我可以下载 pdf 文件：
但现在我想在 iframe 而不是新标签中打开它。我在 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>
单击按钮时，我在打字稿中执行此操作：
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();
这可以正常工作，并且在 iframe 中打开了文档并且可以正常工作：
但是，当我单击下载按钮时，它不起作用。这是打开文件资源管理器时发生的情况：
我不知道为什么会这样。例如，在 Firefox 中它可以工作，但在 Chrome 中却不行。此外，如果我单击打印图标并选择“另存为 pdf”也可以。
有任何想法吗？提前致谢。
编辑这是生成pdf的请求的结果：
也许问题是响应，看起来像一个 html 文档而不是 pdf 文件，我不知道为什么。但是设置了 target _blank 时的响应是相同的。
解决方案
暂无回答
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/299461/c66364843e9de1ad59a8/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力