Una de las nuevas funcionalidades de Firefox3 es la extensión de los elementos <input type="file" />
que nos permite utilizarlos previamente antes de subirlos a nuestro servidor mediante Javascript.
Como podemos ver en Firebug, vemos que los elementos <input />
incorporan una propiedad DOM extra llamada files, que se compone de un array
de elementos ordenados que hacen referencia a los ficheros subidos mediante ese elemento.
Esta propiedad, dispone de 3 métodos con las que podremos hacer uso de los elementos que subamos:
- Atributos :
fileSize
y fileName
- Métodos:
getAsDataURL
,getAsBinary
ygetAsText
Ejemplo de uso
function writeText() {
var data = $('text').files.item(0).getAsBinary();
$('result').update(data);
$('textsize').update($('text').files.item(0).fileSize);
}
function writeImage() {
var data = $('image').files.item(0).getAsDataURL();
$('imageresult').src = 'data:' + data;
$('imagesize').update($('image').files.item(0).fileSize);
}
3 comentarios, 0 referencias
+
#