¿Lee el contenido de un objeto "archivo"?

Question

Así que tengo un objeto "Archivo" (recuperado al manejar el archivo arrastrar y soltar desde el escritorio). Puedo enviar los archivos al servidor con ajax, y luego arrojarlos de nuevo para que javascript los maneje. Pero, ¿es posible leer el contenido sin hacer todo esto?

Here, play around with this fiddle. Arrastre cualquier archivo al cuadro y use la variable file.

ya he intentado todos los métodos de este objeto ... sin suerte. ¿Puedes obtener el contenido del archivo que acabas de arrastrar al navegador?

PS: Me gustaría enviar los archivos al servidor de la siguiente manera:

var ajaxRequest = new XMLHttpRequest(); 
ajaxRequest.open("returnRawPostData.php"); 
ajaxRequest.send(file); 

que podría haber perdido algo en el código anterior, pero eso es sólo porque uno no usa llano JS para hacer llamadas AJAX más .

Answer 1

El uso de los enlaces de Martin Mally (! Muchas gracias), me encontré con esto:

var file = e.dataTransfer.files[0],read = new FileReader(); 

read.readAsBinaryString(file); 

read.onloadend = function(){ 
    console.log(read.result); 
} 

Dónde read.result mantiene el contenido del archivo.

Answer 2

creo que es posible; comprobar estos dos artículos:

1. https://developer.mozilla.org/en/Using_files_from_web_applications
2. http://hacks.mozilla.org/2011/01/how-to-develop-a-html5-image-uploader/

Ambos manipula con "caído" archivo a través de JS/HTML antes de subir al servidor. (por ejemplo, cambiar el tamaño de la imagen, etc.) Espero que ayude.