小编Chr*_*tti的帖子

通过AJAX将Canvas标签生成的图像发送到CFDOCUMENT

我试图(1)通过画布生成图像,(2)将其转换为图像文件,(3)通过ajax将该图像文件发布到cfc,以及(4)将其呈现在CFDocument标记中.目前我有前三个步骤,但是当我渲染PDF时,我得到一堆乱七八糟的数据.

任何帮助,将不胜感激.谢谢!我已经分享了以下代码......

这页纸...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"     "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Canvas Image To CFDocument Via toDataURL() and AJAX</title>
         <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    </head>
    <body>
        <a href="#" id="makePdfLink">Make PDF</a>, <a href="aPdf.pdf">View PDF</a>
        <canvas id="myCanvas"></canvas>
        <script>
            var canvas=document.getElementById('myCanvas');
            var ctx=canvas.getContext('2d');
            ctx.fillStyle='#FF0000';
            ctx.fillRect(0,0,80,100);

            $("#makePdfLink").click(function() {    
                var canvas = document.getElementById('myCanvas');
                var image = new Image();
                image.id = 'pic';
                image.src = canvas.toDataURL();

                var data =  new FormData();
                data.append('pdfBody',image.src);

            $.ajax({
                    url: 'PDF.cfc?method=make',
                    data: data,
                    cache: false,
                    contentType: false,
                    dataType: "json",
                    processData: false,
                    type: 'POST',
                    success: …

Run Code Online (Sandbox Code Playgroud)

javascript ajax coldfusion jquery canvas

Chr*_*tti

lucky-day

5
推荐指数

1
解决办法

897
查看次数