Newsgroup: it.comp.lang.javascript
Titolo: Preview Immagine su Upload

Ciao ancora a tutti.
Non riesco a uscirne pur cercando esempi in giro...
Semplicemente, come si intuisce, vorrei mostrare la preview di una immagine 
selezionata in un campo di un form per l'upload.
Non riesco a capire dove viene memorizzato i percorso del file da caricare e 
mi ritrovo con solamente il nome del file.
Ovviamente, il solo nome non e' sufficiente per la sua visualizzazione.
Questo e' un esempio scaricato in rete che *NON* funziona:
//---------------
<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>
//---------------
Se qualcuno mi pup' aiutare ringrazio tantissimo.
Felice programmazione a tutti
Max

 mi ritrovo con solamente il nome del file.
Questo non mi e` tanto chiaro, ma va beh. :) Comunque lascia perdere, in
rete trovi ancora esempi perche` un tempo si poteva fare la preview; poi
nelle ultime versioni i browser ti sollevano un eccezione se imposti nel
source di immagine un percorso al file system locale.
Se provi a vedere la console degli errori di FireFox, ti dovrebbe essere
piu` chiaro.
-- 
"When you have eliminated the impossible, whatever remains, however
improbable, must be the truth."

 immagine selezionata in un campo di un form per l'upload.
    ...skipped!
<html><head>
<script type="text/javascript">
function changeUrl(str) {
if(navigator.appName=="Opera" || navigator.appName=="Microsoft Internet Explorer" || navigator.appName=="Netscape")
  return str;
}
function preview(n) {
  document.images["swap"+n].src=changeUrl(document.forms["f_img"].elements["img"+n].value);
}
</script>
</head>
<body>
<form name="f_img" action="
http://www.pippo.it
" method="get" encType="multipart/form-data">
Preview<br />
<img id="swap1" height="150" alt="" src="" width="200" vspace="10" border="1">
<br />
<input id="img1" type="file" onchange="preview(1);" />
<input type="submit" value="upload" /></form>
</body></html>
-- 
    * b *       Il tuo post è privo del MIME, attivalo in OE.
  *   y   *       Per impostare correttamente Outlook Express
*   Piero   *       e OE-QuoteFix, puoi consultare Wikipedia:
http://wiki.news.nic.it/GuidaNr_2fOutlookExpress?action=recall&date=1172714805
 

 </body></html>
[cut]--
Questo esempio funziona esattamente come il precedente da me postato ma solo 
in locale.
Messo online si comporta in modo identico. ZERO dice che non si puo' 
aggirare il problema di protezione in questa maniera e ne sono convinto pure 
io, purtroppo.
Grazie a tutti
Max


Si avevo gia' notato, ma speravo esistesse un modo di aggirare l'ostacolo.
Grazie
per ZERO: Approfitto per affermare che sto imparando molto leggendo le tue 
risposte in questo NG, Grazie!