带有target="_blank“的表单返回的PDF在主屏幕web应用中不起作用
带有target="_blank"的表单返回的PDF在主屏幕web应用中不起作用是因为target="_blank"属性会在新的浏览器标签或窗口中打开链接，而主屏幕web应用通常是一个单页应用，无法打开新的标签或窗口。
解决这个问题的方法是使用其他方式来打开PDF文件，例如使用JavaScript来处理表单提交，并在同一页面中加载PDF文件。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>表单提交</title>
<script src="https://cdn.jsdelivr.net/npm/pdfobject"></script>
</head>
<body>
<form id="pdfForm" action="your_pdf_generation_endpoint" method="POST">
<!-- 表单内容 -->
<input type="submit" value="生成PDF">
</form>
<div id="pdfContainer"></div>
<script>
document.getElementById("pdfForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 使用Ajax或其他方式将表单数据发送到服务器生成PDF文件
// 在成功返回后，使用PDFObject库将PDF文件加载到指定的容器中
// 以下是一个示例代码，具体实现需要根据实际情况进行调整
var xhr = new XMLHttpRequest();
xhr.open("POST", "your_pdf_generation_endpoint", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var pdfUrl = JSON.parse(xhr.responseText).pdfUrl;
PDFObject.embed(pdfUrl, "#pdfContainer");
}
};
xhr.send(JSON.stringify({ formData: "your_form_data" }));
});
</script>
</body>
</html>在上述示例代码中，我们使用了PDFObject库来加载PDF文件，并将其嵌入到id为"pdfContainer"的容器中。你需要将"your_pdf_generation_endpoint"替换为实际的生成PDF文件的服务器端接口地址，并根据实际情况调整表单数据的处理逻辑。
这种方式可以在主屏幕web应用中实现在同一页面中加载PDF文件，避免了target="_blank"属性的限制。
相关·内容
在我的Angular应用程序中，我有一个带有target="_blank"的form，它在提交后返回一个PDF。这在每个浏览器上都能正常工作，但如果我在Android/Chrome的网页应用程序的主屏幕图标上做这件事，情况就不一样了。 将打开一个新窗口，但该窗口仍为空白，并且不显示
浏览 28提问于2019-01-25得票数 0
回答已采纳
3回答
我有一个JQM-site，当提交表单时生成一个pdf文件。所有这些都工作得很好，但我有一个问题，pdf不能在一个新窗口中打开(open safari..)从iPhone上的主屏幕启动时。似乎我不是唯一一个有问题的人，但我还没有找到一个可行的解决方案。如果我链接到一个带有锚标签的静态pdf，我可以在safari中打开一个新窗口。我的结论是，如果我用锚定标签提交<em
浏览 2提问于2013-07-13得票数 3
回答已采纳
1回答
，我有一个移动应用程序，可以添加到主屏幕并查看“全屏”，通过设置：在我的应用程序中，我有一些指向文件(主要是图像或PDF)的链接，比如：
<a href='@Url.Action("Download", "Attachme
浏览 1提问于2013-09-25得票数 0
我是Spring的新手，但它的功能给我留下了深刻印象。@RequestMapping(value = "new_product", method = RequestMethod.POST, params = "print如何将PDF显示在单独的窗口中，以便仍然可以使用原始浏览器
浏览 0提问于2012-02-22得票数 7
回答已采纳
我正在尝试将链接放到我的Symfony2项目上，在那里人们可以通过单击一个链接下载文件。但是，当用户单击链接时，我会得到以下错误：
如何在不出现此错误的情况下允许下载？
浏览 3提问于2012-03-06得票数 1
回答已采纳
2回答
我正在开发一个网站，使用PWA在手机上创建一个本地风格的应用程序。
我面临的问题是，当应用程序被添加到主屏幕时，以tel:，mailto:或sms:开头的链接不再起作用。在android上的普通chrome浏览器中，这些功能完全可以打开拨号器，邮件链接打开邮件应用程序，短信链接打开短信应用程序。只是当你通过PWA打开它们时，它们最终会出现在一个空白屏幕上，看起来像
浏览 0提问于2017-11-29得票数 9
4回答
我正在运行create-react-app，我想用相对路径打开存储在我的repo中的本地PDF文件。 <button name="Click here" />单击它后，它会将我带到localhost:3000/file.<
浏览 0提问于2017-11-14得票数 0
1回答
问题是在新选项卡中将PDF响应显示为PDF。我正在尝试这样做:尝试访问url\返回%PDF-1.4 1 0......%%EOF格式的响应$.ajax({ url: url, 'Content-Type': 'application/pdf, height=100");
newWindow.d
浏览 4提问于2017-04-07得票数 0
1回答
我有一个用PhoneGap制作的安卓应用程序，它基本上有一个整个屏幕大小的iframe和一个移动网站。<a href="doc.pdf" target="_blank">Download PDF</a>
如何让应用程序打开带
浏览 0提问于2012-01-10得票数 1
所以我尝试做的是，当用户上传文件时，我创建一个新的html块，将其添加到div中，然后我想要显示该pdf。当pdf被点击时，我希望它显示在一个新的标签中。='_blank' name='OtherPdfs'> <img src='../Content /img/pdfLogo.png' style='width: auto;
浏览 0提问于2020-03-26得票数 1
<asp:LinkButton ID="linkButton" CssClass="Button" runat="server" target="_blank">Button Text</asp:LinkButton>
但是目标空白不起作用，它不会在新的选项卡中打开页面，而是在相同的选项卡中打开它。有一个href，它在后面的代码中被分配，如
浏览 0提问于2013-04-10得票数 4
1回答
我们有一个web应用程序，我们从BE加载pdf链接并使用JavaScript打开它，如下所示。const openLink = () => {
window.open("http://www.africau.edu/images/default/sample.pdf", "_blank"但我们在移动应用程序中也使用同样的we
浏览 6提问于2022-01-26得票数 0
我有一个简单的pwa应用程序运行在一个android shell中。每当我点击一个链接，它就会打开android浏览器外壳中的url。如何在另一个浏览器中打开它？我已经尝试过的是：
openlLink = (link) =>{ }
浏览 1提问于2019-08-12得票数 1
我有一个带有tinymce的文本区域，用户可以在这里写他的文本。然后有一个" pdf“按钮，它应该创建pdf并在新标签中打开它。pdf的内容是tinymce中的内容。当用户单击按钮时，表单将提交给index.php操作。然后，index.php从$_POST变量中收集信息并创建pdf。
我无法将其作为普通链接在新选项卡中打开。我尝试了不
浏览 0提问于2013-07-04得票数 1
我有一个简短的问题。在我的wicket应用程序中，我必须从一个带有target="_blank“链接的表中打开一个信息表。该表是复杂表单的结果，因此我希望保留结果表，并允许用户在新页面中打开详细的结果。不幸的是，如果链接的目标页面是同一个应用程序，Wicket似乎会
浏览 0提问于2012-05-18得票数 0
据我所知，创建WebClip是为了指向一个web应用程序。
然而，另一方面，它在内部所做的只是让系统知道应该打开URL (例如Safari会处理这一点)。我的问题是，WebClip是否可以包含任何其他非http:// url(例如邮件、短信或任何其他注册协议的协议)？
浏览 2提问于2012-12-25得票数 1
回答已采纳
2回答
我想知道如何打开每个新窗口中的每个链接(不是Tabs)。onclick="window.open(this.href, 'new window','width=1000,height=600');当我按下这4个链接中的任何一个时，一个新窗口将打开pdf文档，但当我单击第二个链接时，打开的窗口将其内容更改为第二个<e
浏览 6提问于2015-09-24得票数 1
回答已采纳
2回答
我正尝试在服务器上创建PDF，然后在单击按钮时在浏览器的新选项卡中打开它。PDF生成良好，但我无法让浏览器打开它，除非下载。在IE中，它无法识别文件，而在Chrome中，它会提示用户进行下载。任何帮助都是非常感谢的。我的代码如下：public string CreateCustomReport() var doc = new Document();
浏览 5提问于2016-03-31得票数 2
3回答
http://localhost:3000/order/receipt', });有了上面的代码，我可以提交数据到服务器，在服务器端它将生成一个pdf作为附件，现在我想通过浏览器上的一个新窗口/选项卡查看响应的pdf。
浏览 0提问于2010-03-05得票数 0
2回答
我有一个表单，它会打开一个包含结果的新窗口。为什么？因为新页面会计算数据并在屏幕上生成PDF。因此，在简单的形式中，代码(假设是index.php)如下所示：<form action=newpage.php method=post target=_blank>
Next Availiable ID: <input type=text name=id value</submit&g
浏览 1提问于2016-03-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
