Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将图像画布存储到数据库php本地存储_Javascript_Php_Html_Mysql_Canvas - Fatal编程技术网

Javascript 将图像画布存储到数据库php本地存储

Javascript 将图像画布存储到数据库php本地存储,javascript,php,html,mysql,canvas,Javascript,Php,Html,Mysql,Canvas,我在这件事上耽搁了这么多天。 我看到了很多类似的问题,但其中的一些代码对我不起作用。确切地说,我没有使用PHP5或PHP7。但这就是我目前所得到的 (假设此画布中有图形)我的html: 图像的显示部分:(工作正常) 现在在显示之后,我有一个按钮“save”,它意味着将图像或画布存储在我的数据库中,并在“submit.php”处执行 但我被困在如何将其存储在数据库中。。。 现在我的“Image_表”上只有一个主键,不确定要添加哪些属性 提前谢谢你 我不会将图像存储在您的数据库中,我会存储对它的

我在这件事上耽搁了这么多天。 我看到了很多类似的问题,但其中的一些代码对我不起作用。确切地说,我没有使用PHP5或PHP7。但这就是我目前所得到的

(假设此画布中有图形)我的html:

图像的显示部分:(工作正常)


现在在显示之后,我有一个按钮“save”,它意味着将图像或画布存储在我的数据库中,并在“submit.php”处执行

但我被困在如何将其存储在数据库中。。。 现在我的“Image_表”上只有一个主键,不确定要添加哪些属性


提前谢谢你

我不会将图像存储在您的数据库中,我会存储对它的引用。因此,您可以将图像数据传递到服务器,将其另存为文件,然后将该文件的路径存储到数据库中。@cmorrissey我听说blob并不是真正的优势,是的。。我想在我准备好的本地文件夹中存储一个路径。但是我不知道怎么做。你应该从一些php代码开始,我看不到你尝试过任何与数据库相关或与路径相关的东西。@Nytrix我真的不知道从哪里开始存储图像,。。但上传图片不是我想要的。只想使用PATH将画布(已转换)存储到数据库您的图像在转换为base64时将远远大于255字节。如果确实不希望正常保存图像,并且希望将图像数据放入数据库中,则需要更大的数据类型。要知道,将图像数据放入数据库绝对没有意义,而只是将图像保存为文件。
    <canvas id="displaycanvas" height="400px" width="700px" style="position:absolute; background-image:url('images/canvas_pattern.jpg');background-attachment:fixed;"> </canvas>

    <canvas id="display_text" height="400px" width="700px" style="position:absolute;" > </canvas>

<input type="button" name="btn" id="submitBtn" value="display" class="btn btn-primary" />
$(function () {
    $("#submitBtn").bind("click", function () {
        var display01 = $('#displaycanvas')[0].toDataURL();
        $("#show_canvas").attr("src", display01);
        $("#show_canvas").show();
    });
});
<img id="show_canvas" name="show_canvas" height="400px" width="700px"/>