html2canvas,将图像上传到wordpress库

时间:2017-09-07 08:29:07

标签: wordpress upload html2canvas

我为客户做假期祝福发电机。 最终输出转到id =" BRHBresults"的div。 从那个div我制作一个画布并将其转换为图像, 我设法使onclick函数下载图像(只是为了确保结果是正确的),但是我需要onclick做的是, 将图像上传到wordpress库并使用此图像作为post_thumbnail发布新帖子。 我收到一个错误: " 414(Request-URI Too Large)" 到目前为止,我已经想出了这个:

链接到该页面:[http://www.benedict.co.il/%D7%9E%D7%97%D7%95%D7%9C%D7%9C-%D7%91%D7%A8%D7%9B%D7%95%D7%AA/ ] 使用Javascript / JQuery的



$(".BRHshareToFB1").click(function(){
            html2canvas([document.getElementById('BRHBresults')], {
                onrendered: function (canvas) {
                    var data = canvas.toDataURL('image/png');
                    var image = new Image();
                    image.src = data;
                    var alink = data ;
                    //$('.BRHshareToFB2').attr('href', alink);
                    //$('.BRHshareToFB2').attr('download', 'filename.jpg');
                    //dataUrl = canvas.toDataURL("image/png");
                    alink = data.replace(/^data:image\/(png|jpg);base64,/, "");
                    $.post("/send.php?data="+alink);
                }
            });
        });  




来自send.php文件的PHP



<?php
$dir = getcwd();
$now = date("U");
$imgstring = $_POST['data'];
$imgstring = base64_decode($imgstring);
file_put_contents("$dir/wp-content/uploads/blessing-$now.png", $imgstring);
?>
&#13;
&#13;
&#13;

我错过了什么?请帮忙! :)

0 个答案:

没有答案