9

tengo el siguiente código que se presenta al usuario una vista previa de la imagen que están tratando de cargar y funciona muy bien en FF:Unfailing Javascript Imagen de previsualización de

var img = document.createElement('img'); 
img.src = $('#imageUploader').get(0).files[0].getAsDataURL(); 

El problema es que sólo funciona en getAsDataURL() FF. ¿Hay algo similar/una solución para este tipo de funcionalidad en Chrome (específicamente)?

+0

así que la respuesta es no? – Jason

+0

prácticamente. Tendrá que usar engranajes, flash o java. En IE6 puedes obtener el valor de la carga del archivo y usar "file: /// ..." para mostrar la vista previa, pero creo que lo hicieron en ie7. –

+0

no te creo alguien debe saber de una manera no flash. – Jason

Respuesta

2

Si el navegador no es compatible con getAsDataURL, puede asegurarse de que la entrada del archivo está usando Gears 'openFiles (desplazarse hacia abajo) para leer un archivo seleccionado por el usuario. Google ya no está trabajando en Gears, pero funcionará en Chrome, al menos hasta que se implemente getAsDataURL().

EDITAR: Se ha cambiado la respuesta para ser más útil.

0

IE aún no admite File API. De todos modos, necesita usar un FileReader para leer un archivo. Además, el archivo no es su nombre de archivo (el nombre de la variable es un poco ambiguo).

file = fileObj.files[0]; 
var fr = new FileReader; 
fr.onloadend = changeimg; 
fr.readAsDataURL(file) 
+0

Pero, eh, la pregunta no es sobre IE, se trata de Chrome. (La pregunta también es muy antigua, ese código debería funcionar en la versión actual de Chrome). –

+0

sé que este código funciona en cromo y ff –

Cuestiones relacionadas