Innanzitutto salve a tutti

Come da oggetto sto cercando di fare una paginetta contenente un piccolo form con un campo "file" e un bottoncino.

L'utente sfoglia le sue cartelle locali e seleziona un file, successivamente preme il bottoncino e lo script inserisce un ling <img> con il path contenuto nella textbox del campo file inserendo l'immagine selezionata dall'utente nella pagina.

In locale (IE6 IE7 e Firefox) funziona benissimo ma, appena lo uppo sul server remoto, non visualizza più l'immagine.

Siccome la textarea dell'input salva l'indirizzo in formato windows, con i backslash e i ":" ho provato a modificare la stringa in tutti i formati possibili (con slash al posto di backslash e/o | al posto dei ma niente.

Dove sbaglio?

Ecco l'ultima versione, grazie mille per qualsiasi consiglio:

codice:
<head>
<script language="JavaScript" type="text/javascript">
function insPic()
{
  var src = document.form1.FileTxt.value;
  var sub1;
  var sub2;

  for(i=0; i<src.length; i++)
  {
    if(src.charAt(i) == "\\")
    {
       sub1 = src.substr(0, i);
       sub2 = src.substr(i, src.length).replace("\\", "/");
       src = sub1 + sub2;
    }

    else if(src.charAt(i) == ":")
    {
       sub1 = src.substr(0, i);
       sub2 = src.substr(i, src.length).replace(":", "|");
       src = sub1 + sub2;
    }
  }

  var Img = document.getElementById('Foto');
  Img.innerHTML = "<img id=\"UserPic\" src=\"file:///" + src + "\" />";
}
</script>

<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0">
<form name="form1">
<input type="file" name="FileTxt">
<input type="button" value="Inserisci Foto" onclick="insPic()">
</form>
<div id="Foto"></div>
</body>
</html>