Subiendo archivos 2-3 en vivo

Ya puedes ver y probar otra alternativa para subir imágenes con uploadify y kumbiaPHP, pero esta ves de una manera un poco más elegante :).

Recordemos que la versión de kumbiaphp beta2 ya incluye jQuery por lo que en nuestra vista no la invocaremos.

Para empezar es necesario descargarte la librería de uploadify.

La ventaja de usar uploadify es:

  • Un mejor diseño en nuestra vista.
  • Subir múltiples archivos de manera simultanea.
  • Indicar el tipo y peso de archivo a subir desde el componente y no en el controlador (por seguridad también deberíamos tener esta configuración en el lado del server).
  • nos permite configurar el componente para adaptarlo a nuestras necesidades.

Nuestro controlador

El codigo a usar es el mismo que usamos la ultima vez, lo que nos permite y da la ventaja de usar la librería upload de kumbia en nuestro controlador.

	 public function uploadify() {
		$this->pageTitle = \'Subiendo archivos con uploadify\';
        View::select(\'uploadify\');  //para mostrar siempre la vista con los formularios
            $archivo = Upload::factory(\'Filedata\');
            $archivo->setExtensions(array(\'zip\',\'rar\',\'doc\',\'docx\',\'jpg\', \'png\', \'gif\',\'pdf\',\'xls\',\'xlsx\',\'ppt\',\'pptx\',\'txt\')); 
            if ($archivo->isUploaded()) { 
                if ($archivo->save()) {
                    Flash::valid(\'Archivo subido correctamente...!!!\');
                }
            } else{
                    Flash::warning(\'No se ha Podido Subir el Archivo...!!!\');
            }

	 }

 

Nuestra vista

<script type="\&quot;text/javascript\&quot;" src="\&quot;http://kumbiaphp.liz.mx/javascript/uploadify/swfobject.js\&quot;"></script><script type="\&quot;text/javascript\&quot;" src="\&quot;http://kumbiaphp.liz.mx/javascript/uploadify/jquery.uploadify.v2.1.4.js\&quot;"></script><script type="\&quot;text/javascript\&quot;">// <![CDATA[
$(document).ready(function() { 
  $(\'#archivo\').uploadify({
    \'uploader\'  : \'http://kumbiaphp.liz.mx/swf/uploadify.swf\',
    \'script\'    : \'/upload/uploadify\',
    \'cancelImg\' : \'/img/cancel.png\',
    \'folder\'    : \'/uploads\',
	\'fileExt\'     : \'*.zip;*.rar;*.doc;*.docx;*.jpg;*.png;*.gif;*.pdf;*.xls;*.xlsx;*.ppt;*.pptx;*.txt\',
	\'fileDesc\'    : \'Imagenes y documentos\',
	\'buttonText\'  : \'Seleccionar \',
	\'multi\'       : true,
    \'auto\'      : true
  });
});
// ]]></script>

Subiendo archivos con uploadIfy

<input id="\&quot;archivo\&quot;" type="\&quot;file\&quot;" name="\&quot;archivo\&quot;" />

Ver el post y código fuente

 

El resultado final

image

 

Documentación de uploadify:

Sitio oficial:

Leave a Reply

Your email address will not be published. Required fields are marked *