Question

我正在使用this tutorial中的方法将使用html生成的图片保存到服务器中的png或jpeg文件中。

我怀疑原始脚本中有错误，但找不到它

图片应显示在image_id div中，但不会出现。

这是我的代码：

{new : true}

我使用的php文件如下：

almacenCtrl.updateAlmacen = async (req, res) => {
    almacen = await almacenModel.findOneAndUpdate(req.params.id, { $set: req.body }, { new: true }, function (err, updated) {
        res.json(updated)
    })
}

Answer 1

代码似乎缺少onrendered和html2canvas结尾的}和）：

    <script>
 html2canvas([document.getElementById('printableArea')], {

onrendered: function (canvas) {
    var imagedata = canvas.toDataURL('image/png');
    var imgdata = imagedata.replace(/^data:image\/(png|jpg);base64,/, "");
        $.ajax({
            url: 'save_image.php',
            data: {
                   imgdata:imgdata
                   },
            type: 'post',
            success: function (response) {   
               console.log(response);
               $('#image_id img').attr('src', response);

        }
    });
}});
</script>

使用html2canvas将png保存到服务器

1 个答案: