En este artículo vamos a describir la instalación avanzada de Web Resizer para el envío de imágenes y cómo guardarlas en el servidor web con un script PHP. Para los que han llegado tarde, cabe señalar que ya habíamos comentado qué es WebResizer y las primeras generalidades de su API Javascript en el Manual del API de Web Resizer.

El siguiente código presentará el API Web Resizer. Una vez el usuario haya cargado la imagen y habiendo realizado los cambios deseados en ella, la podrá transferir a nuestro servidor pulsando el correspondiente enlace. Para el envío de la imagen procesada por Web Resizer a nuestro servidor, el API de esta herramienta simplemente transfiere una serie de variables, que se envían por $_GET, para poder procesar la imagen posteriormente. Más tarde en este artículo mostraremos cómo hacer un script PHP para recibir esa imagen y guardarla en el espacio de nuestro alojamiento.

<script type="text/javascript">

var webresizerAPI = new Object;
webresizerAPI.parameters = {
apikey : 'your API Key here',
language : 'es',
uplink_text : 'Guardar Imagen',
uplink_url : 'http://midominio.com/guardar_imagen/index.php'};

webresizerAPI.toolDisplay = {
rotate : 'no',
quality : 'no'
}
</script>
<script type="text/javascript"
src="http://api.webresizer.com/ext/js/webresizer_api.js">
</script>

En este ejemplo, se va a procesar la imagen a través de la URL http://midominio.com/guardar_imagen/index.php.

Las variables que se van a enviar a través de $_GET son las siguientes:

url: la dirección donde se encuentra la imagen optimizada por el usuario con WebResizer.

filename: El nombre de la imagen optimizada.

filesize: El tamaño que ocupa la imagen en kilobytes.

filetype: El tipo de la imagen optimizada, puede ser jpg, gif o png.

height: Tamaño alto en píxeles de la imagen optimizada.

width : Tamaño ancho en píxeles de la imagen optimizada.

Script PHP para recibir y guardar la imagen

Para terminar, vamos a mostrar un ejemplo el el que veremos cómo guardar la imagen en nuestro servidor con PHP.

<?
$origen=$_GET['url'];
$tipo_archivo=$_GET['filetype'];
$nuevo_archivo='archivo_imagen.'.$tipo_archivo;
$destino= '../imagenes/'.$nuevo_archivo;
if (copy($origen, $destino)) {
   echo "Imagen guardada";
}else{
   echo "No se ha guardado la imagen.";
}
?>

Hay que tener en cuenta que en la carpeta donde se va a guardar la imagen, tenga permisos de escritura.