Enviar Email con Adjuntos

  • 31/07/2007
  • 10:49 am
  • unijimpe

La presente es una breve guía para implementar un formulario para enviar email con archivos adjuntos, para ello utilizaremos la librería PHPMailer, de la cual ya hemos hablado en Introducción a PHPMailer.

mailattach.gif

Creando el Formulario
Lo primero es crear un formulario en el cual el usuario ingresará los datos del destinatario, asunto, mensaje y seleccionar el archivo que se desea adjuntar. Para ello creamos un formulario con los campos necesarios:

  1. <form action="" method="post" enctype="multipart/form-data">
  2. Destinatario <input type="text" name="destino"><br>
  3. Asunto <input type="text" name="asunto"><br>
  4. Adjunto <input type="file" name="archivo"><br>
  5. Mensaje <textarea name="mensaje"></textarea><br>
  6. <input type="submit" name="btsend" value="Enviar Email">
  7. <input type="hidden" name="action" value="send" />
  8. </form>

Notese que hemos utilizado la propiedad enctype con la cual permitimos el envío de archivos adjuntos en el formulario. Además hemos agregado un campo oculto llamado action para verificar que se ha enviado el formulario.

Enviando el Email
Es el momento de recibir los datos enviados en el formulario y enviarlos por email, para ello utilizaremos la clase PHPMailer para lo cual lo adjuntamos en la primera linea. Lo que sigue es verificar si se ha envíado el formulario para ello comprobamos la variable action del formulario. Luego recuperamos el nombre del archivo adjunto y el archivo temporal en las variables $varname y $vartype. Lo siguiente es crear una instancia de la clase PHPMailer donde le pasamos todas las variables necesarias.

  1. require("class.phpmailer.php");
  2. if ($_POST['action'] == "send") {
  3.     $varname = $_FILES['archivo']['name'];
  4.     $vartemp = $_FILES['archivo']['tmp_name'];
  5.    
  6.     $mail = new PHPMailer();
  7.     $mail->Host = "localhost";
  8.     $mail->From = "blog@unijimpe.net";
  9.     $mail->FromName = "Blog Unijimpe";
  10.     $mail->Subject = $_POST['asunto'];
  11.     $mail->AddAddress($_POST['destino']);
  12.     if ($varname != "") {
  13.         $mail->AddAttachment($vartemp, $varname);
  14.     }
  15.     $body = "<strong>Mensaje</strong><br><br>";
  16.     $body.= $_POST['mensaje']."<br>";
  17.     $body.= "<i>Enviado por http://blog.unijimpe.net</i>";
  18.     $mail->Body = $body;
  19.     $mail->IsHTML(true);
  20.     $mail->Send();
  21. }

En el código anterior hay que notar que hemos verificado si existe un archivo adjunto para luego añadirlo como adjunto utilizando la propiedad AddAttachment. Finalmente asignamos el texto del mensaje y procedemos a enviar el correo con $mail->Send().

No olvidar que estamos utilizando PHPMailer, asi que es necesario descargar los archivos fuente de esta clase. Para finalizar he creado un archivo de prueba en http://samples.unijimpe.net/mailattach.php y también les dejo los archivos fuente para su descarga.

Posts Relacionados

Tutorial: Ajax Youtube Search

  • 30/07/2007
  • 9:54 am
  • unijimpe

La presente es una breve guía para implementar un buscador de vídeos Youtube hecho en AJAX. Para ello utilizaremos el API de Youtube, el cual nos permite acceder a la información de los vídeos. Lo segundo que utilizaremos es la librería Adobe Spry el cual nos permitirá realizar nuestra interfaz en AJAX.

ajax-youtube.gif

API de Youtube
Youtube ha desarrollado un API, mediante el cual previo registro como desarrollador se puede acceder a datos de los vídeos. Este API permite enviar diferentes parámetros y nos devolverá un XML con el resultado de nuestra consulta. Existen varias funciones para extraer datos listadas en la documentación pero nosotros utilizaremos solamente la función youtube.videos.list_by_tag el cual devuelve un listado de vídeos resultado de la búsqueda de una palabra o tag que nosotros enviamos.

Para hacer uso de este método podemos hacerlo mediante la siguiente ruta:

  1. http://www.youtube.com/api2_rest?method=youtube.videos.list_by_tag&dev_id=devid&tag=tag&page=page&per_page=perpage

En donde se tiene:

  • devid: es el ID del desarrollador.
  • tag: es la palabra o tag que deseamos buscar.
  • page: es el número de pagina que deseamos ver.
  • perpage: es la cantidad de resultados por pagina.

Creando un Proxy Youtube
Los primero es crear un archivo que haga las veces de proxy, es decir que convierta el archivo remoto del dominio de Youtube a nuestro dominio local con lo cual evitaremos problemas de crossdomain. Creamos un archivo llamado proxy.php en el cual recibimos dos parámetros tag y pag con el cual obtenemos el criterio y número de pagina a obtener, luego construimos el URL a consultar, luego abrimos el URL recién creado y lo imprimimos.

  1. // functions
  2. function getVariable($vparam, $vdefault) {
  3.     $result = $vdefault;
  4.     if (isset($vparam)) {
  5.       $result = $vparam;
  6.     }
  7.     return $result;
  8. }
  9. // youtube interface
  10. $yt_keynum = "6jrOQnqPhLk";
  11. $yt_squery = getVariable($_GET['tag'], "santana");
  12. $yt_pagnum = getVariable($_GET['pag'], 1);
  13. $yt_paglen = 10;
  14. $yt_urltot = "http://www.youtube.com/api2_rest";
  15. $yt_urltot.= "?method=youtube.videos.list_by_tag";
  16. $yt_urltot.= "&dev_id=" . $yt_keynum;
  17. $yt_urltot.= "&page=" . $yt_pagnum;
  18. $yt_urltot.= "&per_page=" . $yt_paglen;
  19. $yt_urltot.= "&tag=" . $yt_squery;
  20. header('Content-Type: text/xml; charset=ISO-8859-1');
  21. // ----------------
  22. $lineas = file($yt_urltot);
  23. foreach ($lineas as $lnum => $linea) {
  24.    echo $linea;
  25. }

Obtenemos los datos con Adobe Spry
Los resultados que devuelve el API son XMLs, entonces utilizaremos Adobe Spry que tiene la cualidad que puede leer XMLs y mostrarlos directamente en una página web. Para los que aún no conoces de Spry pueden leer Tutorial de Adobe Spry para aprender a utilizarlo. Entonces descargamos los archivos de Spry y los colocamos en una carpeta lllamada inc en donde ubicaremos nuestros archivos js. Incluimos nuestras librerías a utilizar, primero los archivos de Spry (xpath.js y SpryData.js) luego swfobject.js para incluir el reproductor de flash y finalmente una archivo llamado functions.js en el cual colocaremos nuestras funciones javascript.

  1. <script type="text/javascript" src="inc/xpath.js"></script>
  2. <script type="text/javascript" src="inc/SpryData.js"></script>
  3. <script type="text/javascript" src="inc/swfobject.js"></script>
  4. <script type="text/javascript" src="inc/functions.js"></script>

A continuación definimos las variables en javascrip vartag el cual contendrá la palabra a buscar, varpag que es el número de página. Luego creamos un dataset en Adobe Spry con el cual obtenemos los datos de nuestro XML generado por el proxy creado anteriormente al cual le pasamos los parámetros de vartag y varpag. Luego creamos una variable con el path al nodo que deseamos acceder.

  1. var vartag = "oasis";
  2. var varpag = 1;
  3. var varurl = "youtube.php"+"?tag="+vartag+"&pag="+varpag;
  4. var varpath = "ut_response/video_list/video";
  5. var dsYouTube = new Spry.Data.XMLDataSet(varurl, varpath);

El siguiente paso es crear el formulario en donde se escribirá el criterio de búsqueda, para ello incluimos un campo de texto y un botón que llamará a la función javascript getVideo encargada de llamar nuevamente al XML con el nuevo criterio de busqueda que definiremos posteriormente.

  1. <input type="text" id="criterio" value="oasis">
  2. <input type="button" value="Buscar" onClick="getVideo();">

Ahora escribimos los resultados del XML dentro del HTML, para ello creamos un región de Spry con la propiedad spry:region y luego escribiremos todos los nodos del XML con la propiedad spry:repeat. Luego podemos escribir el thumbnail, titulo, url y descripción de cada vídeo, escribiendo los nombres de los nodos del XML como se muestra a continuación.

  1. <div spry:region="dsYouTube" spry:repeat="dsYouTube">
  2. <img src="{thumbnail_url}" width="134" height="97"><br>
  3. <a href="javascript:setVideo('{id}')">{title}</a><br>
  4. <span>{url}</span><br>{description}<br>
  5. <a href="javascript:setVideo('{id}')">[ play video ]</a><br>
  6. <a href="download.php?v={id}">[ download video ]</a>
  7. </div>

Luego creamos un div en donde imprimiremos el video utilizando SWFObject.

  1. <div id="swfvideo">
  2. Seleccione un video para reproducir.
  3. </div>

Creando la funciones Javascript
Creamos un archivo llamado functions.js en el cual incluiremos nuestras funciones Javascript. La primera de ellas es setVideo el cual imprime el player de Youtube utilizando SWFObject, para ello recibe como parámetro el ID del video. Luego getId devuelve una referencia a un elemento HTML de acuerdo a su identificador. La siguiente es getVideo, la cual toma la palabra ingresada en el formulario y luego llama a setURL para obtener los datos nuevamente.

  1. // JavaScript Document
  2. function setVideo(idvideo) {
  3.     vurl = "http://www.youtube.com/v/"+idvideo;
  4.     vswf = new SWFObject(vurl,"idx","300","250","8","#FFFFFF");
  5.     vswf.addParam("menu", "false");
  6.     vswf.addParam("wmode", "transparent");
  7.     vswf.addParam("quality", "high");
  8.     vswf.write("swfvideo");
  9. }
  10. function getId(nameid) {
  11.     return document.getElementById(nameid);
  12. }
  13. function getVideo() {
  14.     varpag = 1;
  15.     vartag = getId("criterio").value;
  16.     vartag = vartag.replace(" ", "-");
  17.     setText("query", vartag);
  18.     dsYouTube.setURL(varurl+"?tag="+vartag+"&pag="+varpag);
  19.     dsYouTube.loadData();
  20. }

Finalizando
Para finalizar, le agregamos un logo, un hoja de estilos para darle colores, paginación de resultados y un precargador de datos con lo cual lograremos obtener un buscador de videos Youtube hecho en AJAX. Pueden ver el resultado de este tutorial en: http://samples.unijimpe.net/youtube/. Para terminar con este tutorial les deje los archivos fuente con el buscador completo con todas las funcionalidades.

Posts Relacionados

PHP Youtube Video Downloader

  • 29/07/2007
  • 12:58 pm
  • unijimpe

Les presentamos una nueva forma para descargar videos de Youtube con PHP sin necesidad de instalar programas adicionales. En un post anterior vimos una forma de descargar videos utilizando PHP, pero ya que Youtube ha cambiado la estructura de sus urls este ha dejado de funcionar, ahora les presentamos un nuevo método.

php-download-youtube.gif

Ahora que Youtube pertenece a Google este ha incluido en su buscador de vídeos todos los resultados de Youtube y además con la posibilidad de obtener los videos directamente desde este buscador. Si hacemos un pequeño análisis podemos encontrar la ruta de los videos basados en el Identificador de cada video.

  1. http://cache.googlevideo.com/get_video?video_id=3C9CH3q9PLI

Esta ruta nos devuelve el video en formato flv sin necesidad de acceder a Youtube y con excelente velocidad de descarga. Entonces creamos un archivo llamado phpyoutube.php en el cual incluimos un formulario para descargar videos.

  1. <form action="phpyoutube.php" method="get">
  2. <input name="v" id="v" type="text" size="30"><br>
  3. <input name="btget" type="submit" value="Descargar Video">
  4. </form>

Luego, creamos el script PHP el cual verifica que se ha enviado la variable v por metodo GET y procedemos a redireccionar para hacer la descarga del video.

  1. if ($_GET['v'] != "") {
  2.     $varurl = "http://cache.googlevideo.com/get_video";
  3.     $varidv = $_GET['v'];
  4.     header("Location: ".$varurl."?video_id=".$varidv);
  5.     exit();
  6. }

Unimos todo, le ponemos una hoja de estilos y tenemos listo nuestro PHP para descargar videos de Youtube. Pueden ver el resultado de este ejemplo en: http://samples.unijimpe.net/phpyoutube.php. Si prefieres todo listo, te dejo los archivos fuente de este ejemplo.

Posts Relacionados