Feb 3 2010

Subir imagenes con jQuery Uploader

Jonathan Andres Calderón Roa

Hace poco tuve la necesidad de subir imagenes en un proyecto usando ajax, pero después de mucho consultar me di cuenta que no es posible subir archivos a mi servidor usando directamente ajax por cuestiones de seguridad, Luego encontré éste plúgin basado en Jquery,  Ajax Upload que me permite de una forma sencilla subir archivos al server sin necesidad de recargar toda la página nuevamente. Internamente el plúgin usa un iframe para ello.  Lo primero que debemos hacer es descargar el plugin.

Después de añadir jQuery y el plugin a nuestra página

<script language="javascript" src="Scripts/AjaxUpload.2.0.min.js"></script>

<script language="javascript" src="Scripts/jQuery.js"></script>

creamos un div en el lugar donde queramos colocar el boton “Subir imagen” o cómo sea que necesitemos llamarlo.

<div id="upload_button">Upload</div>

Ahora colocamos este script al final

<script language="javascript">

$(document).ready(function(){

	var button = $('#upload_button'), interval;

	new AjaxUpload('#upload_button', {

        action: '../Back_end/upload.php',

		onSubmit : function(file , ext){

		if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){

			// extensiones permitidas

			alert('Error: Solo se permiten imagenes');

			// cancela upload

			return false;

		} else {

			button.text('Uploading');

			this.disable();

		}

		},

		onComplete: function(file, response){

			button.text('Upload');

			// enable upload button

			this.enable();			

			// Agrega archivo a la lista

			$('#photo').html('<img src="../img/logos/'+file+'">');

			$('#Mylogo').val(file);

		}	

	});

});

</script>

En la linea #5 a “Action” le decimos donde quedara nuestro “upload.php” que también lo encontramos en el paquete.
En la linea #7 le especificamos permitir únicamente archivos con extensiones jpg png jpeg y gif.

Éste es el archivo upload.php

<?php

$uploaddir = '../img/logos/';

$uploadfile = $uploaddir . basename($_FILES['userfile']['name']);

if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) {

  echo "success";

} else {

  echo "error";

}

?>

En la primera linea le decimos donde queremos que se guarden nuestras imagenes


Ene 16 2010

Imagen iso desde consola en Linux

Jonathan Andres Calderón Roa

Hola  a todos, hace poco se me presento la necesidad de crear una imagen Iso con archivos que tenia en el servidor y tuve algunos inconvenientes, por eso después de haber superado está prueba vengo a explicar la manera sencilla de hacerlo.

Para crear imagenes Iso desde la consola podemos usar el comando  mkisofs que nos permite crear copias desde unidades externas o archivos ubicados en el disco local.

para usar el comando mkisofs debemos primero buscar e instalar la librería correspondiente, acto seguido digitamos

mkisofs -r -J -o  [dirección_y_nombre_de_la_imagen] [directorio_con_los_archivos_a_copiar];

La opción “-r” me crea la imagen con compatibilidad para linux y la opción “-J”  le da compatibilidad para windows, ejemplo:

mkisofs -r -J -o /home/joes/MiCd.iso /home/joes/programas ;

Si queremos ejecutar está instruccion desde un archivo php cómo fué en mi caso usamos el comando exec de está manera:

function crear_iso(){

$com1 = “mkisofs -r -J -o “.ROOT.DS.APP_DIR.DS.’webroot’.DS.’files’.DS.”MisProgramas.iso “.

“.ROOT.DS.APP_DIR.DS.’webroot’.DS.’media’.DS;
exec($com1);

}


Dic 10 2009

Instalar consola de cakephp en windows

Jonathan Andres Calderón Roa

Cuando hemos tenido cierta experiencia desarrollando en php y conocemos una herramienta como cakephp, es fácil darse cuenta las comodidades que nos ofrece usar un framework al crear una aplicación web de una forma sencilla, usable y segura ahorrandonos un montón de pasos. Ahora bién existe una ayuda de está herramienta que se ejecuta en consola y que nos permite agilizar todavía más nuestro trabajo, sobretodo al implementar Acl o simplemente usar algunos controladores y vistas por defecto.

Para configurar la consola de cake necesitamos :

1)  Damos click derecho en MIPC y entramos en propiedades

2) Seleccionamos opciones avanzadas o configuración avanzada del sistema en windows 7

3) E ingresamos en variables de entorno y en variables de sistema ubicamos una llamada Path y le añadimos al final los siguientes directorios teniendo en cuenta que cada directorio va separado de un “;”

3.1) Directorio donde se encuentra el php.exe

3.2) Directorio hacia la consola de cake /cake/console

Guardamos los cambios y ahora podemos ir a la consola de windows,   ubicamos el directorio donde tenemos el app de cake y ya podemos empezar a usar cake desde la consola =D.  Trabajar con la consola