guardar documento con execCommand()

BMIS · #1 (**permalink**) 17/05/2012, 17:44

Buenas tardes

Requiero guardar una pagina, con un boton, pero a la hora de ejecutar el codigo me sale un error, alguien que me pueda apoyar

document.execCommand('SaveAs', '1', 'imangen.png');

segun yo esta bien, pero si pongo un alert despues no me ejecuta el codigo..

Gracias por la atencion

emprear · #2 (**permalink**) 17/05/2012, 22:14

BMIS
no todos los comandos son soportados por todos los navegadores, por lo pronto, SaveAs funciona en IE pro no en firefox, el segundo parámetro es ignorado y en cuanto al tercero, es el nombre del documento a guardar, asi que no entiendo porqué ponés un .png

Demo par IE

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
        function guardar() {
            document.execCommand ('SaveAs', false, 'ejemplo.html'); // ó ejemplo.txt, pero no ejemplo.png
        }
    </script>
</head>
<body>
<div onclick="guardar();" style="cursor: pointer;">guardar este documento</div>
</body>
</html>

Saludos

BMIS · #3 (**permalink**) 20/05/2012, 18:23

Cita:

Iniciado por emprear

BMIS
no todos los comandos son soportados por todos los navegadores, por lo pronto, SaveAs funciona en IE pro no en firefox, el segundo parámetro es ignorado y en cuanto al tercero, es el nombre del documento a guardar, asi que no entiendo porqué ponés un .png

Demo par IE

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
        function guardar() {
            document.execCommand ('SaveAs', false, 'ejemplo.html'); // ó ejemplo.txt, pero no ejemplo.png
        }
    </script>
</head>
<body>
<div onclick="guardar();" style="cursor: pointer;">guardar este documento</div>
</body>
</html>

Saludos

Que tal ,

el detalle es que requiero guardar cierta div del document como imagen, la div en la que utilizo la etiqueta <canvas>, por eso el detalle de .png, pero igual gracias por la atencion

Porcierto, en caso de que sepas como guardar cierta <div> como imagen, estaria perfecto

Saludos

emprear · #4 (**permalink**) 20/05/2012, 19:08

hay muchos buenos tutoriales de como guardar canvas como imagen, lo que no se aplica es el uso del comando exec

http://permadi.com/blog/2010/10/html...-php-and-ajax/
http://www.html5canvastutorials.com/...g-as-an-image/
http://motyar.blogspot.com.ar/2010/0...-as-image.html
http://www.nihilogic.dk/labs/canvas2image/

Saludos

BMIS · #5 (**permalink**) 23/05/2012, 22:15

Cita:

Iniciado por emprear

hay muchos buenos tutoriales de como guardar canvas como imagen, lo que no se aplica es el uso del comando exec

http://permadi.com/blog/2010/10/html...-php-and-ajax/
http://www.html5canvastutorials.com/...g-as-an-image/
http://motyar.blogspot.com.ar/2010/0...-as-image.html
http://www.nihilogic.dk/labs/canvas2image/

Saludos

Hola Emprear,

De hecho la funcion que actualmente tengo es la siguiente

Código:

function guardar(){
		
		canvas = document.getElementById('imageView');
		context = canvas.getContext('2d');
		
	
		window.open(canvas.toDataURL("image/png"));
}//end function guardar

donde canvas y context, son variables globales, utilizo el window.open para no perder lo actualemente tengo en el canvas, el detalle es que el sistema requiere que aparezca la opcion de Save As, que es la que aparece cuado intentas guardar un documento, pero que el usuario pueda ponerle el nombre a la imagen.
En la pagina http://www.nihilogic.dk/labs/canvas2image/ que me pasaste viene algo parecido, pero el detalle es que el usuario no puede poner el nombre al archivo, creo que seguire buscando.

Gracias por la atencion y Saludos