Hola. Ojalá me pudieran ayudar, llevo días dandole vueltas a este tema.

Tengo una web que con javascript genera un formulario de pedido (se van agregando líneas al pedido) y luego convierte este "formulario" en una imagen la cual necesito enviar a un correo específico. Tengo el código que convierte el div en imagen (lo encontre en http://codepedia.info/editor-example/jquery-convert-html-to-image-example/), pero la imagen la descarga y necesito que NO se descargue si no que se guarde en el servidor, para luego enviarla a un correo por medio de PHP.

El contenido del "formulario" creado se encuentra dentro de un DIV con ID = html-content-holder y el siguiente código (la parte #btn-Convert-Html2Image) descarga la imagen generada, pero necesito es que en lugar de descargarse, se guarde en una carpeta del servidor para que me llegue por correo:

$(document).ready(function(){
 
	   var element = $("#html-content-holder");
	   var getCanvas;
 
	    $("#btn-Preview-Image").on('click', function () {
	         html2canvas(element, {
	         onrendered: function (canvas) {
	                $("#previewImage").append(canvas);
	                getCanvas = canvas;
	             }
	         });
	    });
 
		$("#btn-Convert-Html2Image").on('click', function () {
	             var imgageData = getCanvas.toDataURL("image/png");
	             var newData = imgageData.replace(/^data:image/png/, "data:application/octet-stream");
	             $("#btn-Convert-Html2Image").attr("download", "your_pic_name.png").attr("href", newData);
		});
 
});


Agradezco mucho me puedan colaborar con esta inquietud.

Saludos!