I created HTML5 Canvas Drawing App using this video tutorial series.Now I want to save it as an image in database using codeigniter.Also I want to allow user to enter name for that image before saving it in database.I'm new to codeigniter.Can anyone help me with this.Here what I have done so far
html code .......................
<div class="col-lg-3">
<div id="toolbar">
<div id="rad">
Radius <span id="radval">10</span>
<div id="decrad" class="radcontrol">-</div>
<div id="incrad" class="radcontrol">+</div>
<div id="colors"></div>
<div id="save">Save</div>
</div>
</div>
<canvas id="canvas"></canvas>
</div>
javascript code for saving .....................................
var saveButton=document.getElementById('save');
saveButton.addEventListener('click',saveImage);
function saveImage(){
var data=canvas.toDataURL();
var request=new XMLHttpRequest();
request.onreadystatechange=function(){
if(request.readyState==4&& request.status==200){
var response= request.responseText;
console.log(response);
}
}
request.open('POST','http://localhost/cafdc/MainController/save',true);
request.setRequestHeader('Content-type','application/x-www-form-urlencoded');
request.send('img='+data);
}