Hola, saludos a todos.
tengo un div donde muestro un imagen por defecto, tengo tambien un input del tipo file desde el que quiero seleccionar una imagen cualquiera y al evento onchange de ese input quiero que la imagen seleccionada se muestre en el div donde muestro la imagen por defecto.
Lo que hice yo hasta el comienzo va asi (que por cierto no e tenido exito):
Código PHP:
<div id="posIMGregistro"><img src="../imgs/users/nonphoto.jpg" border="0" /></div><br />
<span id="texto_blue_bold_registro">Ingrese su foto para el registro</span><br />
<input type="file" name="foto" id="foto" onchange="loadImageUSER(); return false;" />
El js:
Código PHP:
function loadImageUSER()
{
var divImage = document.getElementById("posIMGregistro");
var img = document.getElementById("foto");
var valIMG = img.value;
var ajax = nuevoAjax();
ajax.open("GET", "../php-functions/functions.func.php?foto="+valIMG, true);
ajax.send(null);
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4)
{
divImage.innerHTML = ajax.responseText;
}
}
}
El php:
Código PHP:
if (isset($_GET["foto"])) {
$foto = trim($_GET["foto"]);
if ($foto == "") {
echo "No selecciono una foto.";
}
else {
echo "<img src='".$foto."' border='0'>";
}
}
Espero que me puedan ayudar, gracias por adelantado.