Problem Funktion für Bildvorschau spukt mit einen Fakepath zur Datenquelle aus

[Davicito]

Hi, ich hab ein Problem mit einer Javascrip-Funktion.

Ich habe ein Formular, in dem ich eine Bilddatei laden kann:

echo'<form name="formid" action="... .php" method="post"  
                 enctype="multipart/form-data" onsubmit="return checkPersonalien();">';     
........ 
// Eingabe für eine Datei 
echo'<span >'; 
    echo'<fieldset><legend>Profielfoto</legend>'; 
        echo'<br><input type="file" name="datei" onChange="showPicture(this)"><br>';
        echo'<div id="pic"></div>';                     
    echo'</fieldset>'; 
echo'</span>'; 
........ 
echo'<span> 
        <input type="submit" name="anlegen" value="Anlegen"> 
    </span>'; 
echo'</form>';

Nun soll mir, nach dem ich eine Bilddatei ausgewählt habe, mit dem Event-Händler, onChange, eine Bildvorschau angezeigt werden

function showPicture(img)
{ 
	document.getElementById('pic').style.display = "block";
	document.getElementById('pic').innerHTML = '<img src="'+img.src+'">'; 
	alert('Bildpfad: '+ img.src);
}

Leider wird ja der Pfad aus Sicherheitsgründen nicht wirklich für die Außenwelt dargestellt und von den Browser als file///C:/fakepath/test.jpg abgebildet.

Wie also bekomme ich jetzt den Originalpfad variable mitgeteilt, damit ich es an meinem Div-Container anhängen kann, für die Vorschau?

Lieben Dank für Eure Hilfe, im Vorraus.