Guardar contenido de DIV en servidor
Publicado por Erwin (1 intervención) el 20/01/2017 18:59:58
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:
Agradezco mucho me puedan colaborar con esta inquietud.
Saludos!
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(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!
Valora esta pregunta


0