Problema con preview de upload JS

[kadas99]

Buenas, tengo este problemita, que no se como arrelgarlo, tengo una funcion que hace un preview de una imagen que el usario quiere subir, el problema es que el preview lo hace solo en IE y no en FF.

este es el codigo:

Código:

function preview() {
field = document.getElementById( 'upload' ).value;
image = document.getElementById( 'previewIMG' );
path = 'file://'+ field;
path = path.replace(/\\/, '/'); // Fix Windows paths
image.src = path;
image.style.display = 'block';
image.style.width = "80px";
image.style.height = "70px";
}

Código:

echo " <td><input type=\"file\"   
name=\"upload\" disabled=\"disabled\"  
id=\"upload\" 
value=\"$upload\" onchange=\"comprueba_extension(this.form, this.form.upload.value,1)\";/>
<img id=\"previewIMG\" style=\"display:none;\" /></td>\n";

en IE me lo muestra perfecto, pero en FF me muestra como si fuera un link roto :S

la verdad ni idea que puede ser, si alguien me puede dar una mano se lo agradeceria mucho.

[caricatos]

Hola:

Por seguridad, javascript no puede acceder a datos del cliente, el script que usas además de viejo, es una chapuza que no debería funcionar en ningún navegador (salvo que admita chapuzas)... puedes ver como hacer lo que quieres en este artículo: Revisar las imágenes antes de subirlas...

Saludos

[kadas99]

me decis que por seguridad javascript no puede acceder a datos del cliente, por ende en FireFox no anda porque es un navegador con todas las letras, en IE funciona porque da asco. pero me das un link donde se puede hacer que funcione en FireFox, entonces:

1)Estoy haciendo inseguria mi aplicacion.
2)Firefox es un asco? Ya que permite hacer cosas que solo en IE pasan.

por ahi lei que en lugar de mostrar la imagen como "src" la deberia mostrar como "h t t p : //" ya lo probe y no hay caso.

ademas me fije en otras paginas, que lo permiten hacer en firefox, osea que tanto problema de seguridad no tiene ya que muchos lograron hacerlo

este codigo que me proporcionas no me permite hacer un resize de la imagen, es decir, al mostralas, si hago mas chico el iframe solo veo esa porcion de la foto, y el resto queda afuera de la parte visible (¿Se entendio esto?), y cuando guarda la imagen, calculo que la debe guardar con el tamaño real, en mi codigo la achico, y cuando la guardo, lo hago con el nuevo valor (Obviamente mas chico ya que no se me hace necesario tener imagenes taaan grandes).

Igualmetne, lo que me diste, me sirve de mucho para ir practicando!

solo planteo esas dudas.

Muchas gracias caricatos

[caricatos]

Hola:

Evidentemente no tienes idea de lo que se hace en el artículo que te he pasado y que yo mismo escribí

En el artículo, para mostrar la imagen, antes se envía, o sea que no se accede al sistema de archivos del navegador, sino que se muestra desde el servidor...

Lo de la redimensión es muy fácil, pero la redimensión que tienes con javascript, solo cambia los parámetros de visualización, pero la imagen sigue siendo la misma...

Otra cosa es que no hablamos solamente de explorer y mozilla, también deberías considerar opera, safari, chrome... e incluso navegadores de otros sistemas... aunque con los nombrados existe bastantes garantías de compatibilidad... por cierto, al menos dices que te sirve para paracticar... me alegro de ello...

Saludos