jquery - HTML5 Canvas todataURL too large -

jquery - HTML5 Canvas todataURL too large -

i using wolframhempel's photobooth.js plugin display webcam in browser. want capture contents of webcam canvas using jquery's todataurl() , store image in mysql text field. problem todataurl() method returns string of 100,000 characters limit on text field in mysql ~65k characters.

my canvas dimensions 250px x 200px.

is there way compress or otherwise resize output image captured canvas?

var canvas = document.getelementbyid("punch_canvas"); var dataurl = canvas.todataurl(); $.ajax ({ //send image , other form info mysql via php })

jquery mysql html5 canvas