ACY: Diseño y Programación Web: Tutoriales, Tips, Código reutilizable y Herramientas.

Sistema de posteo en PHP - Código y Documentación

2012-01-31T16:20:00.001-06:00

Spoiler - Código clase PostSystem

<?php
/*
    AngelFcM - Domingo, 29 de enero de 2012.
*/
class PostSystem {
    # Propiedades públicas
    var $dblink= "";
    var $last_post= "";
    var $last_error= "";
    # /Propiedades públicas
    # Propiedades privadas
    private $pvt_tbposts_info= array(
        "name" => "tb_posts",
        "fields" => array(
            "id",
            "author",
            "title",
            "snippet",
            "content",
            "type",
            "parent_id",
            "date_created",
            "date_modified"
        ),
        "script" => "
            CREATE TABLE IF NOT EXISTS tb_posts(
                id INT NOT NULL AUTO_INCREMENT,
                author VARCHAR(50),
                title VARCHAR(100),
                snippet VARCHAR(255),
                content TEXT,
                type VARCHAR(20),
                parent_id INT,
                date_created DATETIME,
                date_modified DATETIME,
                PRIMARY KEY(id, author, parent_id)
            )
        "
    );
    private $pvt_config_select= array(
        "mode" => 0
        ,"fields" => "*"
        ,"get_children"=> true 
        ,"limit" => ""
        ,"limit_children" => ""
    );
    private $pvt_req_data= array(
        "author" => ""
        ,"title" => ""
        ,"snippet" => ""  
        ,"content" => ""
        ,"type" => ""
    );
    # /Propiedades privadas
    # Funciones privadas
    private function recursive_select($q, $config) {
        $data= array();
        while( $r= mysql_fetch_array($q) ) {
            $subq= mysql_query("
                SELECT ".$config[fields]." FROM tb_posts WHERE parent_id= '".$r[id]."' ".$config[q2_limit]." ORDER BY date_created
            ");
            if( !$subq ) {
                $this->last_error= "Error en la consulta. En private recursive_select().<br>".mysql_error();
                return false;
            }
            if( mysql_num_rows($subq) && $config[get_children] ) {
                $r["children"]= $this->recursive_select($subq, $config);
            }
            $data[]= $r;
        }
            return $data;
    }
    private function recursive_foreachPost($children, $user_func, $user_var= "") {
        foreach( $children as $post ) {
            $html= array();
            $html[container][0]= '<div class="'.$post[type].'">';
            $html[container][1]= '</div>';
            $keys= array_keys($post);
            for($i=0; $i<count($keys); $i++) {
                $k= $keys[$i];
                if( $k!=$post[type] ) {
                    $css_class= $post[type]."-".preg_replace("/_/", "-", $k);
                    $html[$k][0]= '<div class="'.$css_class.'">';
                    $html[$k][1]= '</div>';
                }
            }
            call_user_func($user_func, $post, true, $html, &$user_var);
            if( $post[children] ) {
                $this->recursive_foreachPost($post[children], $user_func, &$user_var);
            }
            call_user_func($user_func, $post, false, $html, &$user_var);
        }
    }
    private function recursive_delete($parent_id) {
        $q= mysql_query("
            SELECT id FROM tb_posts WHERE parent_id='$parent_id'
        ", $this->dblink);
        if ( mysql_num_rows($q) ) {
            mysql_query("
                DELETE FROM tb_posts WHERE parent_id='$parent_id'
            ", $this->dblink);
            while( $r= mysql_fetch_array($q) ) {
                $this->recursive_delete($r[id]);
            }
        }
    }
    private function joinKeyValue($arr) {
        function joinKeyValue($value, $key, $result) {
            $result.= " ".$key."=".($value?"'".$value."'":"default").", ";
        }
        $result= "";
        array_walk($arr, "joinKeyValue", &$result);
        $result= preg_replace("/(, )$/", " ", $result);
        return $result;
    }
    private function checkDB() {
        $q= mysql_query( $this->pvt_tbposts_info[script], $this->dblink);
        if( !$q ) {
            echo "Error al conectar con la base de datos o el host de la misma.<br />".mysql_error();
            exit;
        }
    }
    # /Funciones privadas
    # Constructor
    function __construct($dblink) {
        $this->dblink= $dblink;
        $this->checkDB();
    }
    # /Constructor
    # Funciones públicas
    function insert( $data ) {
        $pvtdata= $this->pvt_req_data;
        if( !is_array($data) || (count(array_intersect_key($data, $pvtdata)) < count($pvtdata)) ) {
            $this->last_error= "No hay matriz de datos o faltan datos. Parametro1 En insert().";
            return false;
        }
        if( !$data[date_created] ) {
            $data[date_created]= date("Y-m-d H:i:s");
        }
        if( !$data[date_modified] ) {
            $data[date_modified]= "0000-00-00 00:00:00";
        }
        $qdata= $this->joinKeyValue($data);
        if( !isset($data[id]) ) {
            $qdata.= ", id= default ";
        }
        if( !isset($data[parent_id]) ) {
            $data[parent_id]= "";
            $qdata.= ", parent_id=default ";
        }
        $q= mysql_query("INSERT INTO tb_posts SET $qdata", $this->dblink);
        if( !$q ) {
             $this->last_error= "Error en la primera consulta. En insert().<br />".mysql_error();
             return false;
        }
        $q= mysql_query("SELECT max(id) FROM tb_posts", $this->dblink);
        if( !$q ) {
            $this->last_error= "Error en la última consulta en insert().<br />".mysql_error();
            return false;
        }
        $data[id]= mysql_result($q, 0);
        $this->last_post= $data;
        return true;
    }
    function select( $id_or_type, $config= "" ) {
        if( !$config ) {
            $config= $this->pvt_config_select;
        }
        if( !is_string($id_or_type) && !is_int($id_or_type) ) {
            $this->last_error= "El indentificador es incorrecto o no hay. Parametro1 en select().";
            return false;
        }
        if( count(array_intersect_key($config, $this->pvt_config_select)) != count($this->pvt_config_select) ) {
            $this->last_error= "La configuración es incorrecta, faltan datos en select().";
            return false;
        }
        if ( $config[limit] && !($config[limit]>0) || $config[limit_children] && !($config[limit_children]>0) ) {
            $this->last_error= "El limite de posts padres/hijos establecido es incorrecto en select().";
            return false;
        }
        switch($config[mode]) {
            case 0: $q_mode= " WHERE id='$id_or_type'";break;
            case 1: $q_mode= " WHERE parent_id='$id_or_type'";break;
            case 2: $q_mode= " WHERE type='$id_or_type'";break;
        }
        $config[q_limit]= $config[limit]? "LIMIT ".$config[limit] :  "";
        $config[q2_limit]= $config[limit_children]? "LIMIT ".$config[limit_children] : "";
        $q= mysql_query("
            SELECT ".$config[fields]." FROM tb_posts $q_mode ".$config[q_limit]." ORDER BY date_created
        ");
        if( !$q ) {
            $this->last_error= "Error en la consulta. En select().<br />".mysql_error();
            return false;
        }
        if( !mysql_num_rows($q) ) {
            return false;
        }
        $post_data= $this->recursive_select($q, $config);
        return $post_data;
    }
    function foreachPost($post_data, $user_func= "", $user_var= "") {
        if( !function_exists($user_func) ) {
            $this->last_error= "La función para recibir los datos no es válida, debe pasarse como cadena. Parametro2 en foreachPost().";
            return false;
        }
        if( !is_array($post_data) ) {
            $this->last_error= "No hay matriz de datos. Parametro 1 en foreachPost().";
            return false;
        }
        if( count(array_intersect_key($post_data, $this->pvt_tbposts_info[fields])) == 0 ) {
                $this->last_error= "La matriz de datos es incorrecta. Parametro1 En foreachPost().";
                return false;
        }
        $this->recursive_foreachPost($post_data, $user_func, &$user_var);
        return true;
    }
    function delete($id, $delete_children= false) {
        $q= mysql_query("
            DELETE FROM tb_posts WHERE id='$id'
        ", $this->dblink);
        if( !$delete_children ) {
            return true;
        }
        $this->recursive_delete($id);
        return true;
    }
    function update($id, $data) {
        $pvtdata= $this->pvt_req_data;
        $pvtdata[id]="";
        if( !is_array($data) ) {
            $this->last_error= "No hay matriz o faltan datos. Parametro1 En update().";
            return false;
        }
        if( !$data[date_modified] ) {
            $data[date_modified]=  date("Y-m-d H:i:s");
        }
        $result= $this->joinKeyValue($data);
        $q= mysql_query("UPDATE tb_posts SET".$result." WHERE id='".$id."'", $this->dblink);
        if( !$q ) {
            $this->last_error= "Error en la primera consulta de update().<br />".mysql_error();
            return false;
        }
        if( !$data[id] ) {
            return true;
        }
        $q= mysql_query("UPDATE tb_posts SET parent_id='".$data[id]."' WHERE parent_id='".$id."'", $this->dblink);
        if( !$q ) {
            $this->last_error= "Error en la segunda consulta de update().<br />".mysql_error();
            return false;
        }
        return true;
    }
    function selectParent($parent_id, $parent_type, $fields="*") {
        if ( empty($parent_id) || !is_int($parent_id) && !is_string($parent_id) ) {
            $this->last_error= "Parámetro1 incorrecto, debe ser un número o cadena. En selectParent().";
            return false;
        }
        $q= mysql_query("SELECT type, id, parent_id FROM tb_posts WHERE id='".$parent_id."'", $this->dblink);
        if( !q ) {
            return "";
        }
        $post= mysql_fetch_array($q);
        if( $post[type]==$parent_type ) {
            $q= mysql_query("SELECT ".$fields." FROM tb_posts WHERE id='".$parent_id."'", $this->dblink);
            if( !$q ) {
                $this->last_error("Error en consulta2 en selectParent().<br/>".mysql_error());
                return false;
            }
            $parent_post= mysql_fetch_array($q);
            return $parent_post;
        } else {
            return $this->selectParent($post[parent_id], $parent_type, $fields);
        }
    }
    # /Funciones públicas
}
?>

Spoiler - Documentación de PostSystem

AngelFcM - Domingo, 29 de enero de 2012.

Creación de un sistema de posteo en una sola clase PHP.

Introducción

Me he dedicado a realizar una clase llamada PostSystem en PHP que funciona con MySQL, con el fin
de facilitar el desarrollo de una interfaz para un sistema de posteo.

Con esta clase pueden ingeniarselas para realizar desde una simple página de comentarios, un blog,
hasta uno o más foros llenos de temas que responder o comentar, depende tu dedicación y
experiencia.

Esta clase cuenta con cuatro funciones y tres propiedades, las funciones básicamente se encargan de
realizar INSERT, SELECT, UPDATE y DELETE pero de forma más compleja.

Los posts se guardan en una tabla de la base de datos creada automáticamente si esque no existe.
La forma como funciona el sistema de posteo es familiarizando a los posts como padres e hijos y "los
hijos de los hijos..." usando dos indentificadores por post, uno el cuál identifica al post y otro para
hacer referencia a un post superior (si es que lo hay). En resumen, usa métodos recursivos para llegar
hasta el final de cada nodo.

Requiere de la conexión y selección a una base de datos MySQL previamente. La tabla es llamada
"tb_posts", las columnas son: "id", "author", "title", "snippet", "content", "type", "parent_id",
"date_created" y "date_modified".

Debería entenderse el propósito de cada columna logicamente por el nombre de ellas. Explicaré la
columna "parent_id" ya que es la base en como trabaja este sistema de posteo.

La columna "parent_id" es un identificador el cual hace referencia al "id" de otro post, así es como se
familiarizan como padres e hijos.

Si tengo un post con id=1 y parent_id=2, entonces el post con id=1 es "hijo" del post con id=2.

Documentación

- Tabla MySQL
- tbposts
Descripción
Es la única tabla necesaria para que trabaje la clase, en la cual se guardan los datos de los posts.
El script para crear la tabla se puede notar al inicio del código de la clase.
Columnas
- id: Identificador del post.
- author: Nombre del creador del post.
- title: Título del post.
- snippet: Fragmento del contenido del post.
- content: Contenido del post.
- type: Tipo del post definido por el desarrollador. Ejemplo de tipos: entrada, comentario, cita.
- parent_id: Identificador al que se enlaza el post jerárquicamente. Ejemplo: el id de "X" entrada es 12, el parent_id de "Y" comentario es 12.
- date_create: fecha de creación del post, la fecha es establecida por PHP no por MySQL.
- date_modified: fecha de modificación del post, igualmente establecida por PHP.

- Clase
- SystemPost($dblink)
Descripción
Nombre para llamar a la clase del sistema de posteo.
Parámetros
$dblink: enlace al origen de la base de datos creada con mysql_connect(). Importante seleccionar la base de datos antes de crear el objeto de la clase.

- Propiedades
- dblink
Descripción
Enlace al origen de la base de datos creada con mysql_connect().
- last_post
Descripción
Contiene toda la información del último post creado en el objeto al llamar ->create() en un array asociativo a las columnas de la tabla de la db.
- last_error
Descripción
Guarda el último error generado al llamar un método. Si el método retorna false se almacena la causa del error en esta propiedad.

- Métodos

- insert($data)
Descripción
Crea un nuevo post en la tabla tb_posts basados en los valores dados en $data. Devuelve true en caso de exito y false en caso de error, el cual se guarda en la propiedad last_error.
Parámetros
$data: debe ser un array asociativo que contiene los datos del nuevo post, debe contener al menos el título, contenido, fragmento y tipo de post si no se definen las fechas e identificadores, se crean automáticamente.
Los vectores tienen el mismo nombre que las columnas de la tabla tb_posts.

- select($id_or_type, $config)
Descripción
Selecciona uno o más posts en base a la información pasada como parámetros ordenados del primero al último creado. Devuelve un array asociativo con los datos de posts en arrays separados, si hubo un error devuelve false.
Los posts pueden contener posts jeraquicamente inferiores, por lo tanto son introducidos dentro del array del post "padre" en un array asociado como "children". Un ejemplo al seleccionar dos posts que contienen más posts es:
array(
array("id"=>"1", "title"=>"", "children"=>array(...)),
array("id"=>"2", "title"=>"", "children"=>array(...)),
)
Puede definirse como nodos que contienen más nodos los cuales son posts.
Parámetros
$id_or_type: puede ir el identificador del post o el tipo de posts que se quieren seleccionar
$config: es un array asociativo que indica como se obtendran los posts, si no se pone nada, se establece de forma predeterminada, pero si se establece, debe contener todos los valores asociativos. A continuación se explican.
"mode":
Puede ser 0, 1 o 2.
Al establecer 0, se selecciona el post con el id pasado en $id_or_type.
Si es 1, se seleccionan todos los posts que sean hijos al post con id igual al pasado en $id_or_type, es decir, "WHERE parent_id=$id_or_type".
Si se establece 2, obtendrá todos los posts de un mismo tipo que sea igual al valor de $id_or_type.
"fields":
Son los campos que se obtendran de la tabla tb_posts los cuales serán devueltos asotiativamente en un array, deben estar separados por coma, pueden usarse selectores como "*" ya que "fields" es parte de la consulta, es decir, va despues de "SELECT".
"get_children":
Puede ser true o false.
Si se pasa true, obtendrá todos los posts "hijos" del post o posts solicitados, también obtendrá los hijos de los hijos recursivamente. Si se pone false, solo seleccionará los posts con el indentificador pasado en $id_or_type. Ya sea por id, parent_id o type.
"limit":
Establece el límite de posts a seleccionar. Pero si el post seleccionado contiene "hijos", obtendrá todos.
"limit_children":
Establece el límite de posts hijos en caso de haber. También aplica a los hijos de los hijos.

- update($id, $data)
Descripción
Actualiza/modifica la información de un post existente.
Parámetros
$id: Es el indentificador del post a actualizar/modificar.
$data: Es un array asociativo con los datos que serán modificados, si se modifica el identificador del post, automaticamente a los posts "hijos" se les cambiará el parent_id por el nuevo id del post.

- delete($id, $delete_children)
Descripción
Borra el post con el identificador asignado y puede borrar a todos los posts hijos.
Parámetros
$id: Indentificador del post a borrar.
$delete_children: booleano, si es true, se borraran todos los posts hijos y los hijos de los hijos. Si es false o no se pone nada, entonces solo se borra el post con el identificador asignado y sus hijos quedarán intactos.

- selectParent($id, $type, $fields)
Descripción
Selecciona el post padre del post con el id definido con el tipo de post definido.
Parámetros
$id: Indetificador del post, para obtener el post padre del mismo.
$type: Tipo de post padre que se obtendrá.
$fields: campos o datos que se obtendrán del post padre, separados por coma

Sistema de posteo en PHP - Introducción

2012-01-29T18:19:00.002-06:00

Ejemplo usando PostSystem

Les quiero compartir este código reutilizable que realizé en PHP en una clase, este tema está hecho para personas con conocimientos intermedios en PHP y MySQL.
Antes de comenzar con este rollo, quisiera que observarán un ejemplo que muestra las funcionalidades que tiene esta clase, el ejemplo se realizó de forma muy fácil utilizando la clase. Pueden ver el ejemplo, AQUÍ.

INTRODUCCIÓN

Me he dedicado a realizar una clase llamada PostSystem en PHP que funciona con MySQL, con el fin de facilitar el desarrollo de una interfaz para un sistema de posteo.

Con esta clase pueden ingeniarselas para realizar desde una simple página de comentarios, un blog, hasta uno o más foros llenos de temas que responder o comentar, depende tu dedicación y experiencia.

La forma como funciona el sistema de posteo es familiarizando a los posts como padres e hijos y "los hijos de los hijos..." usando dos indentificadores por post, uno el cuál identifica al post y otro para hacer referencia a un post superior (si es que lo hay). En resumen, usa métodos recursivos para llegar hasta el final de cada nodo mediante la jerarquía entre padres e hijos.

Esta clase básicamente se encarga de realizar INSERT, SELECT, UPDATE y DELETE usando métodos recursivos.

Los posts se guardan en una tabla de la base de datos creada automáticamente si esque no existe.
Requiere de la conexión y selección a una base de datos MySQL previamente. La tabla es llamada "tb_posts", las columnas son: "id", "author", "title", "snippet", "content", "type", "parent_id", "date_created" y "date_modified".

Logicamente debería entenderse el propósito de cada columna por el nombre que tienen. A excepción, explicaré la columna "parent_id" y "type" ya que son la base de como trabaja este sistema de posteo.

La columna "parent_id" es un identificador el cual hace referencia al "id" de otro post, así es como se familiarizan como padres e hijos.
Ejemplo:
Si tengo un post con id=1 y parent_id=2, entonces el post con id=1 es "hijo" del post con id=2.

La columan "type" representa el tipo de post que se está publicando. Por ejemplo, en un blog generalmente hay: entrada, comentario y cita; En un foro: tema, respuesta y cita.
Puede ponerse cualquier cosa en "type", ya que ustedes son los que decidirán que tipos de post habrá.

Spoiler - Información detallada de la tabla y sus columnas.

- Tabla MySQL
- tbposts
Descripción
Es la única tabla necesaria para que trabaje la clase, en la cual se guardan los datos de los posts.
El script para la creación de la tabla es:

CREATE TABLE IF NOT EXISTS tb_posts(
id INT NOT NULL AUTO_INCREMENT,
author VARCHAR(50),
title VARCHAR(100),
snippet VARCHAR(255),
content TEXT,
type VARCHAR(20),
parent_id INT,
date_created DATETIME,
date_modified DATETIME,
PRIMARY KEY(id, author, parent_id)
)

Columnas
- id: Identificador del post.
- author: Nombre del creador del post.
- title: Título del post.
- snippet: Fragmento del contenido del post.
- content: Contenido del post.
- type: Tipo del post definido por el desarrollador. Ejemplo de tipos: entrada, comentario, cita.
- parent_id: Identificador al que se enlaza el post jerárquicamente. Ejemplo: el id de "X" entrada es 12, el parent_id de "Y" comentario es 12.
- date_create: fecha de creación del post, la fecha es establecida por PHP no por MySQL.
- date_modified: fecha de modificación del post, igualmente establecida por PHP.

La clase cuenta con cuatro funciones y tres propiedades, se explica muy genericamente a continuación.

Métodos

insert($datos): crea un post llenando con el parámetro $datos que es un array asociativo a las columnas de "tb_posts". Las columnas id, date_created y date_modified, pueden dejarse en blanco para ahorrar código ya que se crean automáticamente si no estan definidas.
select($id_tipo, $config): selecciona uno o más posts devolviendolos en u array asociativo, dependiendo de que información haya en $id_tipo y en $config. $id_tipo puede representar un valor a la columna "id", "parent_id" o "type" y con $config se puede saber si se va a identificar por "id", "parent_id" o "type. $config es un array asociativo con el cual se sabrá como obtener los posts. Por ejemplo, se puede exigir que se obtengan todos los posts "hijos" a el post requerido.
update($id, $data): modifica el post con el id pasado en $id con los datos de un array asociativo pasado en $data, si no se pone nada en "date_modified" atomáticamente asigna un fecha.
delete($id, $borrar_hijos): con esta función se puede borrar un post con el id asignado en $id y también borra a toda su descendencia de posts si $borrar_hijos es pasado como "true".
selectParent($id, $parent_type, $campos): devuelve el primer post padre con el tipo pasado en $parent_type en un array asociativo con los campos deseados en $campos, siendo el hijo del post con el id pasado en $id. Si tengo esta jerarquía: post1_tipoA>post2_tipoB>post3_tipoC, y hago un selectParent(3, "A", "*"), entonces me entregará "post1_tipoA".
foreachPost($datos_posts, $funcion, &$variable): está función es muy útil, ya que puede procesar recursivamente todos los datos que haya en un array devuelto por select o selectParent. $datos_post es el array con los datos de los posts, $funcion es el nombre de una función la cual se ejecutará cada vez que se mueva a otro post y &$variable es por si se quiere guardar el resultado en una variable antes de ser imprimidas. Notar que se está usando un "&" antes de la variable ya que asi se guardaran los cambios en $variable.

Spoiler - Sobre &$variable

Supongo que algunos no saben para que es el ampersand("&") antes de una variable, bueno es como hacer un global pero en ocasiones no es posible hacer un global, aquí un ejemplo de "&"$variable.
Ejemplo usando "&" antes de una variable:

$A= 1;
function f($parametro) {
++$parametro;
}
$f($A);
echo $A; // Resultado: 1
$f(&$A);
echo $A; // Resultado: 2

Propiedades

dblink: Enlace al origen de la base de datos creada con mysql_connect().
last_post: Contiene toda la información del último post creado en el objeto al llamar ->create() en un array asociativo a las columnas de la tabla de la db.
last_error: Guarda el último error generado al llamar un método. Si el método retorna false se almacena la causa del error en esta propiedad.

Aquí termina la introducción, en las siguientes entradas de este tema se explicará el uso de cada método. Comencemos por insert(), click aquí.

Personalizar INPUT FILE solamente con CSS, Custom Input File!!!

2012-01-15T10:19:00.014-06:00

Muchos diseñadores web, hemos tenido el problema de personalizar al 100% un botón tipo archivo de HTML, es decir, <input type="file" />.
En internet podemos encontrar posibles formas de hacerlo, pero la mayoría de ellas requieren utilizar API’s de flash o de librerías como jQuery y Mootools. Puede ser una buena opción pero solomente deseamos un simple botón que tenga la funcionalidad para subir archivos sin tanto código. También hay códigos creados por usuarios en foros o blogs, pero lamentablemente la mayoría usan Javascript y/o CSS y no suelen funcionar bien en los principales navegadores: Firefox, IE, Chrome, Safari y Opera.
Bueno, pues logré crear un custom input file mediante un par de lineas usando solamente CSS y sus respectivas etiquetas HTML.

El código CSS es:

.custom-input-file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.custom-input-file .input-file {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 10000px;
    border: 10000px solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: -1000px;
    top: -1000px;
    cursor: pointer;
}

EL código HTML es:

<div class="custom-input-file"><input type="file" size="1" class="input-file" />
Subir archivo
</div>

Con este par de lineas de código pueden personalizar un input file a su gusto, como agregar imagen de fondo, efectos visuales al pasar el mouse, bordes, etc. Es compatible con todos los principales navegadores.
Ahora, ¿cómo personalizar un input file usando este código?
Muy fácil, pueden modificar o agregar estilos a su gusto a excepción de lo siguiente:

No modificar nada en .custom-input-file .input-file a excepción del cursor.
No modificar overflow: hidden; position: relative; en .custom-input-file, pueden agregar más estilos.
Todo el contenido que agreguen dentro del div custom-input-file, debe ir despues de la etiqueta <input type="file">, no antes.
Cuando cambien el cursor, deben cambiarlo en .custom-input-file y .custom-input-file .input-file.

Eso es todo, un ejemplo usando este código es el siguiente:

Pueden ver el ejemplo más detallado aquí:
http://jsfiddle.net/angelfcm/nETSD/
Publiquen sus comentarios, gracias.