Сохранение и отображение изображения с использованием холста в базе данных

Я попытался сохранить изображение холста в моей базе данных. Двоичный код был там, но проблема заключается в отображении.

Поэтому в основном у меня есть страница настройки, где вы будете создавать торт. Пока это еще не на холсте, используется только css. Это мой код, где происходит настройка (отображение):

<div class="ui-widget-header ui-corner-top">Display Cake</div> <div class="ui-widget-content ui-corner-bottom"> <div id="disp_card" class="disp_temp" style="width: 100%;border: none; z-index: 1;"></div></div> 

Поэтому после этого у меня есть кнопка предварительного просмотра, где я конвертирую disp_card в изображение с помощью холста.

Вот код, который у меня есть:

 <script type="text/javascript"> // gets the binary code of the canvas to save in the database var canvas1 = document.getElementById('preview_image'); var contextSource = canvas1.getContext('2d'); var canvasall = document.getElementById('preview_image'); var context = canvasall.getContext('2d'); context.drawImage(canvas1, 0, 0); var base64=""; $(function () { $("#submitBtn").bind("click", function() { base64 = $('#preview_image')[0].toDataURL(); $("#show_canvas").attr("src", base64); $("#show_canvas").show(); }); }); </script> 

Это html:

 <div id="savecanvas"> <canvas id="preview_image" width="600" height="400" style="margin: 0 auto;"></canvas></div> 

После проектирования новое созданное изображение торта будет сохранено в моей базе данных.

Бинарный код

Это php $ savecanvas = str_replace ('', '+', $ _POST ['canvas']); он работает правильно.

Надеюсь, кто-то может мне помочь. СПАСИБО

Related of "Сохранение и отображение изображения с использованием холста в базе данных"