Script javascript: Anteprima immagine per upload

   difficoltà:  script script script script script

Demo
Download
Script simili
28/11/2006


Questo script permette di visualizzare l'anteprima di un immagine che si desidera caricare sul server attraverso un form. Lo script leggerà l'url dell'immagine locale e la visualizzerà sostituendo l'immagine di default con quella da caricare.

<html>
<head>
 <title>Script Javascript: Anteprima immagine per upload</title>
<script language="Javascript">
function preview()
{
// prelevo l'indirizzo locale dell'immagine da caricare
immagine_da_caricare = document.getElementById('upload_immagine').value;
// swappo l'immagine presente con quella da caricare
// file:/// -> serve in particolare per firefox altrimenti non visualizza immagine
document.getElementById('anteprima_immagine').src = "file:///"+immagine_da_caricare;
}
</script>
</head>
<body>
<img id="anteprima_immagine" src="default.jpg" border="0" width="85" height="65"><br/><br/>
<input type="file" size="30" onchange="preview()" id="upload_immagine">
</body>
</html>
Lo script potrebbe non funzionare con firefox, infatti per questioni di sicurezza non consente il caricamento di file locali.




Commenti


  Andrea Micheloni

28/11/2006 14:24:45

Ecco, infatti in firefox non va :)


Errore di sicurezza:
I contenuti in http://demo.free-script.it/preview_immagine/preview_img.htm
non possono caricare o avere collegamenti che rimandino a
file:////home/miche/yahoo-logo-normal.jpg.


  Fabio

28/11/2006 15:25:58

Difatti. Chissà se si puo' bypassare la cosa...
Anzi..chi sa come bypassare la cosa? :-)

  Napolux

1/12/2006 11:54:05

Oh Gesù, è geniale!

  Silvio

4/12/2006 9:00:10

Peccato :(

  Roberto Mantovani

12/1/2007 16:08:18

Per i problemi con firefox:
http://forum.mozillaitalia.org/index.php?topic=5662.msg35306

Roberto

  Fabio

12/1/2007 16:19:18

Eh si..immaginavo una cosa del genere..solo ke la soluzione non risolve il problema.. se devi far fare un upload ad un utente non puoi fargli impostare firefox solo per quello..

  Paskuale

23/4/2008 17:10:13

in IE7 non funzia ... :(

  Paskuale

7/8/2008 15:19:10

a ma per esempio per l'anteprima dell'immagine?
grazie

  gvdm

20/5/2009 17:33:24

Ciao ragazzi! anche con Opera 9.64 non funziona...a me solo con IE6 funziona...conoscete altri metodi così semplici ma al contempo "universali"? :D

  Stefano

27/6/2009 12:37:56

Qualsiasi script fatto per ricavare l'anteprima di immagini non funziona più nei nuovi browser ... al massimo si ottiene un fakepath e la nuova src non contiene il percorso sufficiente per essere visualizzata. Anche io confido in qualche genio che possa risolvere il problema.



Lascia un commento


Codice di controllo*:
Nome*:
Email/Link:
Testo*:
 
I campi contrassegnati con * sono obbligatori.