带有 jQuery AJAX 和 window.open 的 FPDF 以在单击链接时打开 pdf答案

【问题标题】：FPDF with jQuery AJAX and window.open to open pdf on click of a link带有 jQuery AJAX 和 window.open 的 FPDF 以在单击链接时打开 pdf
【发布时间】：2014-05-29 13:19:48
【问题描述】：

我有一个表单，我使用 jquery AJAX 将值发布到 FPDF 以在服务器上存储 pdf，然后我希望浏览器使用 window.open(url, '_blank'），窗口打开但未加载 pdf，我永远留下旋转加载图标，在使用 PHP 函数 is_dir() 读取 url 时，它返回 false .. 但文件在 FTP 客户端中我可以下载它并阅读它。

下面是表单页面：

jQuery(document).ready(function(){

    jQuery('.getPdf').live('click', function(event){

        event.preventDefault();

        var catId = jQuery(this).attr("id");

        jQuery('.removePost').remove();

        jQuery.ajax({

            type: "POST",

            url: "/wp-content/themes/weld-wide/ajax-post-to-pdf.php",

            data:jQuery('#form'+catId).serialize(),

            success:function(url){

                window.open(url, '_blank');

            },

     });

  });
});

下面是处理pdf创建的ajax文件：

require ('fpdf/fpdf.php');//including the main class

//create FPDF object
$pdf=new FPDF();

//set document properties
$pdf->SetAuthor('Weld Wide');
$pdf->SetTitle('Weld Wide Metal Work');

//set text colour for the entire document
$pdf->SetTextColor(50,60,100);

//set up a page
$pdf->AddPage('P');
$pdf->SetDisplayMode(real,'default');

//insert an image and make it a link
//$pdf->Image('../images/logo.png',10,20,33,0,' ','http://www.weld-wide.co.uk/');

//display the title with a border around it
$pdf->SetXY(65,20);
//$pdf->SetDrawColor(50,60,100);
//$pdf->Cell(100,10,'FPDF Tutorial',1,0,'C',0);

$pdf->Image('images/logo.png');

//Set x and y position for the main text, reduce font size and write content
$pdf->SetXY (10,50);
$pdf->SetFontSize(10);

$pdf->SetFont('Helvetica','B',12);
$pdf->Write(10, "Listed below are your selections for your metal work:\n");

$pdf->SetFont('Helvetica','',10);

foreach($_POST as $k => $v) {

$pdf->Multicell(0,7,str_replace('_',' ',$k)." : ".str_replace('-',' ',$v)."\n");

}

$rand = rand(1,1000000);

//Output the document F means save to server, D for download window popup
$pdf->Output('fpdf/temp_pdf/weld-wide-gate'.$rand.'.pdf','F');

$url = "http://www.".$_SERVER["HTTP_HOST"]."/wp-content/themes/weld-wide/"."fpdf/temp_pdf/weld-wide-gate".$rand.".pdf";

echo $url;

【问题讨论】：

你检查过脚本的响应了吗？访问权限呢？该目录可以从外部访问吗？

标签： php fpdf

【解决方案1】：

你不需要这条线

$url = "http://www.".$_SERVER["HTTP_HOST"]."/wp-content/themes/weld-wide/"."fpdf/temp_pdf/weld-wide-gate".$rand.".pdf";

echo $url;

只需将其删除并将其添加到最后一行

$pdf->Output('fpdf/temp_pdf/weld-wide-gate'.$rand.'.pdf','I');

或

$pdf->Output('weld-wide-gate'.$rand.'.pdf','I');

它看起来像这样

$pdf->Output('fpdf/temp_pdf/weld-wide-gate'.$rand.'.pdf','F');
$pdf->Output('fpdf/temp_pdf/weld-wide-gate'.$rand.'.pdf','I');

或

$pdf->Output('fpdf/temp_pdf/weld-wide-gate'.$rand.'.pdf','F');
$pdf->Output('weld-wide-gate'.$rand.'.pdf','I');

希望对你有帮助

【讨论】：