visualizzare immagine dal tuo pc

[Janka]

Temo che il titolo vada spiegato

Ho realizzato una pagina in cui puoi visualizzare un poster realizzato con cornice, frase, titolo scelti da una lista e l'immagine caricata dal tuo pc o MAC!!!

Utilizzo un form con input type="file", ma solo IE per PC riesce a passare come dato l'intero percorso dell'immagine (C:\Documents and Settings\MioPC\Desktop\fotovacanze.jpg)

Firefox per PC "legge" solo fotovacanze.jpg
Safari per MAC "legge" solo fotovacanze.jpg
IE per MAC non "legge" niente!

Evidentemente senza percorso esatto del computer il browser non visualizza niente.

Esiste uno script per estrarre il percorso completo dell'immagine?

grazie a tutti!

[Janka]

Se il tiolo fosse stato PREVIEW DI UN IMMAGINE...sneza poi fare l'upload mi avreste riposto

[Mich_]

Dove passa tale valore?

E` un problema JS oppure ti riferisci al programma sul server?

Se e` un problema JS, posta lo script che usi.

[Janka]

Ho provato ad utilizzare questo

<script type="text/javascript">
<!-- Begin

/***** CUSTOMIZE THESE VARIABLES *****/

  // width to resize large images to
var maxWidth=100;
  // height to resize large images to
var maxHeight=100;
  // valid file types
var fileTypes=["bmp","gif","png","jpg","jpeg"];
  // the id of the preview image tag
var outImage="previewField";
  // what to display when the image is not valid
var defaultPic="spacer.gif";

/***** DO NOT EDIT BELOW *****/

function preview(what){
  var source=what.value;
  var ext=source.substring(source.lastIndexOf(".")+1,source.length).toLowerCase();
  for (var i=0; i<fileTypes.length; i++) if (fileTypes[i]==ext) break;
  globalPic=new Image();
  if (i<fileTypes.length) globalPic.src=source;
  else {
    globalPic.src=defaultPic;
    alert("THAT IS NOT A VALID IMAGE\nPlease load an image with an extention of one of the following:\n\n"+fileTypes.join(", "));
  }
  setTimeout("applyChanges()",200);
}
var globalPic;
function applyChanges(){
  var field=document.getElementById(outImage);
  var x=parseInt(globalPic.width);
  var y=parseInt(globalPic.height);
  if (x>maxWidth) {
    y*=maxWidth/x;
    x=maxWidth;
  }
  if (y>maxHeight) {
    x*=maxHeight/y;
    y=maxHeight;
  }
  field.style.display=(x<1 || y<1)?"none":"";
  field.src=globalPic.src;
  field.width=x;
  field.height=y;
}
// End -->
</script>

unito al form

<input type="file" id="picField" onchange="preview(this)">

Come dicevo non funziona con Firefox per PC, safari e IE per MAC

..mm..dottore si può salvare?!

[Mich_]

Io ho trovato un errore, ma non so se e` quello che impedisce il funzionamento nei browser seri.

La variabile globale
var globalPic;
non e` definita come immagine, mentre viene usata con le proprieta` dell'immagine.
Inoltre la definizione starebbe meglio (per logica) prima della funzione preview(), subito sotto il commento // do not edit ...

Quindi sposta quella riga e completala:
var globalPic = new Image();

[Janka]

Ho provato a spostare e completare la variabile ma ora non funziona neanche su explorer... il browser decisamente poco serio!

Ho letto da qualche parte che dalla versione 1.0 di firefox le preview delle img non funzionano più in quanto firefox vede come pericolo ( e quindi blocca) l'inserimento di un path locale sulla rete...

ne sapete qualcosa???

[Janka]

No scusa su explorer (...mmm..) funziona ancora!