blocks|key|2593590|text|从外观上看，PDF格式相当良好。因此，当您使用header函数通过PHP输出PDF时，我怀疑您只需要设置适当的内容标题：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2593591|header('Content-type:+application/pdf');|code-block|syntax|javascript|2593592|注意:这必须是PHP的第一个输出-如果前面有HTML、空格等，它就不会工作。|2593593|在理想情况下，您还可以通过以下方式设置内容长度等：|2593594|header('Content-Length:+'.filesize($pathToYourPDF));|2593595|...or...|2593596|header('Content-Length:+'.strlen($pdfData));|2593597|你正在以编程的方式生成...if。|2593598|更新|style|BOLD|2593599|为了澄清，我怀疑您需要更改您的window.open，以便直接从提供服务的URL中读取上面的内容，才能使上面的内容生效。(我不太确定为什么你一开始就不这么做，但我想这是有原因的。)|2593600|entityMap|0|LINK|mutability|MUTABLE|url|http://www.php.net/manual/en/function.header.php^0|N|6|0|0|0|0|0|0|0|0|0|0|2|0|W|8|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|D|3|E|5|F|7|1C|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1D|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|1E|8|@]|9|@]|C|$]]|$1|M|3|N|5|F|7|1F|8|@]|9|@]|C|$G|H]]|$1|O|3|P|5|6|7|1G|8|@]|9|@]|C|$]]|$1|Q|3|R|5|F|7|1H|8|@]|9|@]|C|$G|H]]|$1|S|3|T|5|6|7|1I|8|@]|9|@]|C|$]]|$1|U|3|V|5|6|7|1J|8|@$A|1K|B|1L|W|X]]|9|@]|C|$]]|$1|Y|3|Z|5|6|7|1M|8|@$A|1N|B|1O|W|X]]|9|@]|C|$]]|$1|10|3|-4|5|6|7|1P|8|@]|9|@]|C|$]]]|11|$12|$5|13|14|15|C|$16|17]]]]

By the looks of things, the PDF is reasonably well formed. As such, I suspect you simply need to set the appropriate content header when you're outputting the PDF via PHP using the <a href="http://www.php.net/manual/en/function.header.php" rel="nofollow">header</a> function:

<pre><code>header('Content-type: application/pdf');
</code></pre>

N.B.: This must be the first output from the PHP - it won't work if there's preceding HTML, blank space, etc.

In an ideal world, you'd also set the content length, etc. via...

<pre><code>header('Content-Length: '.filesize($pathToYourPDF));
</code></pre>

...or...

<pre><code>header('Content-Length: '.strlen($pdfData));
</code></pre>

...if you're generating the PDF programmatically.

UPDATE

To clarify, I suspect you'll need to change your window.open to read the above directly from a PHP served URL for the above to work. (Not quite sure why you're not just doing this in the first place, but I guess there's a good reason.)

blocks|key|1614526|text|我已经对我的应用程序进行了测试，我的结论是您必须使用iframe+(其中show_pdf返回"$pdf->Output(''，'I');")：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1614527|$.ajax({
+url:+"http://www.somesite.com/documents/generatePDF",
+success:+function(){
++$('#theDocument').html('<iframe+id="some_id"+class="some_pdf"+style="display:none"+src="http://www.somesite.com/documents/show_pdf"+width="100%25"+height="450"+scrollbar="yes"+marginwidth="0"+marginheight="0"+hspace="0"+align="middle"+frameborder="0"+scrolling="yes"+style="width:100%25;+border:0;++height:450px;+overflow:auto;"></iframe>');
+}
});
$('#dialog-document').dialog('open');|code-block|syntax|javascript|1614528|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I have tested this for my application and my conclusion is that you must use an iframe (where show_pdf returns "$pdf->Output('', 'I');"):

<pre><code>$.ajax({
 url: "http://www.somesite.com/documents/generatePDF",
 success: function(){
 $('#theDocument').html('&lt;iframe id="some_id" class="some_pdf" style="display:none" src="http://www.somesite.com/documents/show_pdf" width="100%" height="450" scrollbar="yes" marginwidth="0" marginheight="0" hspace="0" align="middle" frameborder="0" scrolling="yes" style="width:100%; border:0; height:450px; overflow:auto;"&gt;&lt;/iframe&gt;');
 }
});
$('#dialog-document').dialog('open');
</code></pre>

blocks|key|526629|text|我宁愿为弹出窗口设置URL，指向输出PDF的php脚本。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|526630|如果您一定要这样做，data-uri可能会有所帮助：|526631|var+batch+=++window.open(
++++++++++++++++++++'data:application/pdf,'%2BencodeURIComponent(data),
++++++++++++++++++++'Batch+Print',
++++++++++++++++++++'width=600,height=600,location=_newtab'
+++++++++++++);|code-block|syntax|javascript|526632|但我还没有测试过它，即使它在普通浏览器中工作，在IE中也肯定会失败。|526633|entityMap^0|A|3|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

I would rather set <code>URL</code> for the popup window, pointing to the php script that outputs PDF.

If you absolutely have to do it this way, data-uri might help:

<pre><code>var batch = window.open(
 'data:application/pdf,'+encodeURIComponent(data),
 'Batch Print',
 'width=600,height=600,location=_newtab'
 );
</code></pre>

but I have not tested it, and even if it works in normal browsers, in IE it is sure to fail.

blocks|key|4195411|text|这对我很有效:改变|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4195412|$pdf->Output('',+'I');|code-block|syntax|javascript|4195413|为|4195414|$return+=+$pdf->Output('name.pdf',+'S');
$return+=+base64_encode();
$return+=+'data:application/pdf;base64,'.$return;
echo+json_encode($return);|4195415|现在，您应该在javascript文件中获取返回信息并打开一个新窗口|4195416|success:+function(+data+)+{
++++var+pdf+=+JSON.parse(data);
++++window.open(pdf);
}|4195417|它会在你的浏览器上打开一个带有pdf的新标签。|4195418|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

This worked for me:
Change

<pre><code>$pdf-&gt;Output('', 'I');
</code></pre>

for

<pre><code>$return = $pdf-&gt;Output('name.pdf', 'S');
$return = base64_encode();
$return = 'data:application/pdf;base64,'.$return;
echo json_encode($return);
</code></pre>

now, you should, in your javascript file, get the return and open a new window

<pre><code>success: function( data ) {
 var pdf = JSON.parse(data);
 window.open(pdf);
}
</code></pre>

It will open a new tab on your browser with the pdf.

So, I'm passing some values via jQuery to the server, which generates PDF garble. It goes something like this:

<pre><code>$.post('/admin/printBatch',
data, // Some vars and such
function(data){
 if(data) {

 var batch = window.open('','Batch Print','width=600,height=600,location=_newtab');
 var html = data; // Perhaps some header info here?!
 batch.document.open();
 batch.document.write(html);
 batch.document.close();

 $( this ).dialog( "close" ); // jQuery UI
 } else {
 alert("Something went wrong, dawg.");
 }
 return false;
});
</code></pre>

The output file looks roughly like so:

<pre><code>$pdf-&gt;AddPage(null, null, 'A PDF Page');
//....
$pdf-&gt;Output('', 'I'); // 'I' sends the file inline to the browser (http://fpdf.org/en/doc/output.htm)
</code></pre>

What gets rendered to the browser window:

<pre><code>%PDF-1.3 3 0 obj &lt;&gt; endobj 4 0 obj &lt;&gt; stream ...
</code></pre>

I'm missing something major, I just know it... thoughts?

Thanks, guys.

Is it possible to render PDF (fPDF) via a javascript?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

因此，我通过jQuery将一些值传递给服务器，服务器将生成PDF乱码。它是这样的：$.post('/admin/printBatch',data, // Some vars and suchfunction(data){    if(data) {        var batch =  window.open('',...

问有没有可能通过javascript来呈现PDF (fPDF)？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有可能通过javascript来呈现PDF (fPDF)？EN