Actionscript3.0, Flash

noviembre 2007

ActionScript 3.0: Subir archivos con FileReference y PHP

La clase File Reference de AS3 es bastante parecida a la de AS2. Además el ejemplo de la ayuda de Flash es bastante sencillo de entender.El código que pongo a continuación esta hecho a partir de dicho ejemplo, al que he añadido algunos comentarios para explicarlo. Para utilizarlo Hay que tener en el escenario un boton llamado «Examinar_bt» y un campo de texto dinámico llamado «Estado_txt».


//Clases necesarias
import flash.events.*;
import flash.net.FileFilter;
import flash.net.FileReference;
import flash.net.URLRequest;

//Dirección del PHP que va a subir el archivo
var uploadURL:URLRequest;
var archivo:FileReference;

//Función llamada al pulsar examinar, se crea el filereference y se abre el navegador de archivos
function Examinar(event:MouseEvent) {
	Estado_txt.appendText("n" + "Vamos a seleccionar el archivo.");
	uploadURL = new URLRequest();
	uploadURL.url = "uploadFile.php";
	archivo = new FileReference();
	PonerListeners(archivo);
	archivo.browse(getTypes());
}

//Añado los listener al objeto filereference
function PonerListeners(dispatcher:IEventDispatcher) {
	dispatcher.addEventListener(Event.CANCEL, cancelHandler);
	dispatcher.addEventListener(Event.COMPLETE, completeHandler);
	dispatcher.addEventListener(HTTPStatusEvent.HTTP_STATUS, httpStatusHandler);
	dispatcher.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
	dispatcher.addEventListener(Event.OPEN, openHandler);
	dispatcher.addEventListener(ProgressEvent.PROGRESS, progressHandler);
	dispatcher.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
	dispatcher.addEventListener(Event.SELECT, selectHandler);
	dispatcher.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,uploadCompleteDataHandler);
}

//Con está función se generan los tipos de archivos que estarán disponibles para seleccionar desde el navegador
function getTypes():Array {
	var allTypes:Array = new Array(getImageTypeFilter(), getTextTypeFilter());
	return allTypes;
}

//Tipos de imágenes admitidos, tanto para pc como para mac
function getImageTypeFilter():FileFilter {
	return new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)","*.jpg;*.jpeg;*.gif;*.png");
}

//Tipos de archivos de texto admitidos, para pc y mac
function getTextTypeFilter():FileFilter {
	return new FileFilter("Text Files (*.txt, *.rtf)","*.txt;*.rtf");
}


//Se distribuye cuando se cancela la descarga desde el navegador de archivos. 
function cancelHandler(event:Event):void {
	Estado_txt.appendText("n" + "Subida cancelada.");
}

//Se distribuye cuando se finaliza la descarga o la carga
function completeHandler(event:Event):void {
	Estado_txt.appendText("n" + "Subida completada.");
}

//Se reciben datos del servidor tras completar la carga
function uploadCompleteDataHandler(event:Event):void {
	Estado_txt.appendText("n" + "Subida confirmada por el servidor.");
}

//Se produce cuando falla la carga y hay un código http de error. 
//Por ejemplo si no se encuentra el PHP, se generará un error 404.
function httpStatusHandler(event:HTTPStatusEvent):void {
	Estado_txt.appendText("n" + "Se ha producido el siguiente error: " + event.status);
}

//Se produce cuando falla la carga o descarga
function ioErrorHandler(event:IOErrorEvent):void {
	Estado_txt.appendText("n" + event.text);
}

//Se inicia la carga o descarga
function openHandler(event:Event):void {
	Estado_txt.appendText("nComienza la subida");
}

//Se distribuye periodicamente durante la carga o la descarga, mostrando el progreso de la misma. 
function progressHandler(event:ProgressEvent):void {
	var file:FileReference = FileReference(event.target);
	Estado_txt.appendText("n" + event.bytesLoaded + " bytes de " + event.bytesTotal + " bytes subidos.");
}

//Se distribuye al intentar descargar o cargar un archivo de un servidor fuera del entorno de seguridad de la película
function securityErrorHandler(event:SecurityErrorEvent):void {
	Estado_txt.appendText("nEl servidor no permitió la carga del archivo.");
}

//Se distribuye al elegir el archivo para carga o descarga desde el navegador de archivos.
function selectHandler(event:Event):void {
	Estado_txt.text = "";
	var archivo:FileReference = FileReference(event.target);
	Estado_txt.appendText("n" + "Archivo elegido: " + archivo.name + "n" + "Tamaño = " + archivo.size + " bytes.");
	if(archivo.size > 20000){
		Estado_txt.appendText("nNo se pueden subir archivos de más de 20 KB.");
	}else{
		archivo.upload(uploadURL);
	}
}

Examinar_bt.addEventListener(MouseEvent.CLICK,Examinar);

100

101

102

103

104

105

106

107

//Clases necesarias

import flash.events.*;

import flash.net.FileFilter;

import flash.net.FileReference;

import flash.net.URLRequest;

//Dirección del PHP que va a subir el archivo

var uploadURL:URLRequest;

var archivo:FileReference;

//Función llamada al pulsar examinar, se crea el filereference y se abre el navegador de archivos

function Examinar(event:MouseEvent) {

Estado_txt.appendText("n" + "Vamos a seleccionar el archivo.");

uploadURL = new URLRequest();

uploadURL.url = "uploadFile.php";

archivo = new FileReference();

PonerListeners(archivo);

archivo.browse(getTypes());

}

//Añado los listener al objeto filereference

function PonerListeners(dispatcher:IEventDispatcher) {

dispatcher.addEventListener(Event.CANCEL, cancelHandler);

dispatcher.addEventListener(Event.COMPLETE, completeHandler);

dispatcher.addEventListener(HTTPStatusEvent.HTTP_STATUS, httpStatusHandler);

dispatcher.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);

dispatcher.addEventListener(Event.OPEN, openHandler);

dispatcher.addEventListener(ProgressEvent.PROGRESS, progressHandler);

dispatcher.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);

dispatcher.addEventListener(Event.SELECT, selectHandler);

dispatcher.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,uploadCompleteDataHandler);

}

//Con está función se generan los tipos de archivos que estarán disponibles para seleccionar desde el navegador

function getTypes():Array {

var allTypes:Array = new Array(getImageTypeFilter(), getTextTypeFilter());

return allTypes;

}

//Tipos de imágenes admitidos, tanto para pc como para mac

function getImageTypeFilter():FileFilter {

return new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)","*.jpg;*.jpeg;*.gif;*.png");

}

//Tipos de archivos de texto admitidos, para pc y mac

function getTextTypeFilter():FileFilter {

return new FileFilter("Text Files (*.txt, *.rtf)","*.txt;*.rtf");

}

//Se distribuye cuando se cancela la descarga desde el navegador de archivos.

function cancelHandler(event:Event):void {

Estado_txt.appendText("n" + "Subida cancelada.");

}

//Se distribuye cuando se finaliza la descarga o la carga

function completeHandler(event:Event):void {

Estado_txt.appendText("n" + "Subida completada.");

}

//Se reciben datos del servidor tras completar la carga

function uploadCompleteDataHandler(event:Event):void {

Estado_txt.appendText("n" + "Subida confirmada por el servidor.");

}

//Se produce cuando falla la carga y hay un código http de error.

//Por ejemplo si no se encuentra el PHP, se generará un error 404.

function httpStatusHandler(event:HTTPStatusEvent):void {

Estado_txt.appendText("n" + "Se ha producido el siguiente error: " + event.status);

}

//Se produce cuando falla la carga o descarga

function ioErrorHandler(event:IOErrorEvent):void {

Estado_txt.appendText("n" + event.text);

}

//Se inicia la carga o descarga

function openHandler(event:Event):void {

Estado_txt.appendText("nComienza la subida");

}

//Se distribuye periodicamente durante la carga o la descarga, mostrando el progreso de la misma.

function progressHandler(event:ProgressEvent):void {

var file:FileReference = FileReference(event.target);

Estado_txt.appendText("n" + event.bytesLoaded + " bytes de " + event.bytesTotal + " bytes subidos.");

}

//Se distribuye al intentar descargar o cargar un archivo de un servidor fuera del entorno de seguridad de la película

function securityErrorHandler(event:SecurityErrorEvent):void {

Estado_txt.appendText("nEl servidor no permitió la carga del archivo.");

}

//Se distribuye al elegir el archivo para carga o descarga desde el navegador de archivos.

function selectHandler(event:Event):void {

Estado_txt.text = "";

var archivo:FileReference = FileReference(event.target);

Estado_txt.appendText("n" + "Archivo elegido: " + archivo.name + "n" + "Tamaño = " + archivo.size + " bytes.");

if(archivo.size > 20000){

Estado_txt.appendText("nNo se pueden subir archivos de más de 20 KB.");

}else{

archivo.upload(uploadURL);

}

Examinar_bt.addEventListener(MouseEvent.CLICK,Examinar);

Y los archivos fuente:

Descargar fuentes

Jovix says:

noviembre 2, 2007 a las 12:00 am

Muy bueno y claro el articulo. Utilice el script en un formulario que estoy haciendo en Flash, funciona bien el AS, pero cuando carga el archivo me da el siguiente error:
«Se ha producido el siguiente error: 404 – Error #2038»
Sospecho que el problema esta en los paths, tanto del que define el directorio de carga en el php, como el que esta en el AS y busca al php.
El path que define el directorio en el php, ¿es relativo al php mismo o al html donde esta el flash? Yo lo puse relativo al php.
Lo mismo con el AS, el path al php, ¿es relativo al html donde esta embebido el swf?
Al directorio que cree para subir los archivos les di todos los permisos como para no errarle.
Gracias por la dedicacion!

Actionscript3.0, Flash

ActionScript 3.0: Subir archivos con FileReference y PHP

browse

FileFilter

FileReference

upload

URLRequest

COMENTARIOS

DEJA TU COMENTARIO

Cancelar respuesta