Question

我正在尝试生成一个带有图像和高图图像的pdf文件。这是我点击按钮时的操作：

('#button').click(function() {
    var quizid = <?php echo json_encode($quizid); ?>;
    var chart = Highcharts.charts[0];

    canvg(document.getElementById('canvas'), chart.getSVG())

    var canvas = document.getElementById("canvas");
    var img = canvas.toDataURL("image/png");

    //document.write('<img src="'+img+'"/>');

    // AJAX CALL TO ACTION
    $.ajax({
        url: '/results/savepdf',
        type:"POST",
        data: {quizid: quizid, image: img},
        success: function(data) {
            console.log("ajax call succces");
        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });

});

在我的行动中，我有：

public function savepdfAction(){
    $this->_helper->layout->disableLayout();
    $this->_helper->viewRenderer->setNoRender();

    if(isset($_POST['quizid']))
        $quizid = $_POST['quizid'];
    if(isset($_POST['image']))
        $image = $_POST['image'];

    // SAVE THE PDF OR WORD

    // INCLUDE TCPDF LIBRARY
    require_once 'tcpdf/tcpdf.php';

    try {
        // create new PDF document
        $pdf = new TCPDF(PDF_PAGE_ORIENTATION, PDF_UNIT, PDF_PAGE_FORMAT, true, 'UTF-8', false);

        $pdf->SetCreator(PDF_CREATOR);
        $pdf->SetAuthor('Nicola Asuni');
        $pdf->SetTitle('TCPDF Example 009');
        $pdf->SetSubject('TCPDF Tutorial');
        $pdf->SetKeywords('TCPDF, PDF, example, test, guide');

        $pdf->SetHeaderData(PDF_HEADER_LOGO, PDF_HEADER_LOGO_WIDTH, PDF_HEADER_TITLE.' 009', PDF_HEADER_STRING);

        $pdf->setHeaderFont(Array(PDF_FONT_NAME_MAIN, '', PDF_FONT_SIZE_MAIN));
        $pdf->setFooterFont(Array(PDF_FONT_NAME_DATA, '', PDF_FONT_SIZE_DATA));

        $pdf->SetDefaultMonospacedFont(PDF_FONT_MONOSPACED);

        $pdf->SetMargins(PDF_MARGIN_LEFT, PDF_MARGIN_TOP, PDF_MARGIN_RIGHT);
        $pdf->SetHeaderMargin(PDF_MARGIN_HEADER);
        $pdf->SetFooterMargin(PDF_MARGIN_FOOTER);

        $pdf->SetAutoPageBreak(TRUE, PDF_MARGIN_BOTTOM);

        $pdf->setImageScale(PDF_IMAGE_SCALE_RATIO);

        $pdf->AddPage();

        $pdf->setJPEGQuality(75);

        $imgdata = base64_decode('iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAMAAAB/2U7WAAAABlBMVEUAAAD///+l2Z/dAAAASUlEQVR4XqWQUQoAIAxC2/0vXZDrEX4IJTRkb7lobNUStXsB0jIXIAMSsQnWlsV+wULF4Avk9fLq2r8a5HSE35Q3eO2XP1A1wQkZSgETvDtKdQAAAABJRU5ErkJggg==');

        $pdf->Image('@'.$imgdata);

        $pdf->Image('/images/logo.png', 25, 40, 154, 25, 'PNG', 'http://www.surveyanyplace.com', '', true, 150, '', false, false, 1, false, false, false);

        $horizontal_alignments = array('L', 'C', 'R');
        $vertical_alignments = array('T', 'M', 'B');

        $pdf->Output('example_009.pdf', 'I');

    }
    catch (Exception $e) {
        die ('Application error: ' . $e->getMessage());
    }
}

正如您所看到的，我只是想显示一个没有发送参数的pdf文件（只是为了测试）。

这不起作用....

当我在没有ajax调用的情况下尝试此操作时，它可以正常工作......

我收到了这个回复：

TCPDF错误：某些数据已经输出，无法发送PDF文件

我搜索了错误，并通过将ob_end_clean();放在$pdf->Output('example_009.pdf', 'I');之前了解您已经解决了这个问题。当我这样做时，我得到另一个响应，你可以看here。

Answer 1

由于.pdf文件是二进制数据，因此不应使用Ajax请求。快速搜索后，我找到了这个jQuery插件：

jQuery Plugin for Requesting Ajax-like File Downloads

这是一个非常小的功能，它会生成一个临时表单，其中包含隐藏的字段。也许不是最美丽的解决方案，但它应该有效。虽然没有测试过......

ajax post后，action不会执行

1 个答案: