form para ver y actualizar imagenes en BD
Publicado por miguelius (7 intervenciones) el 12/03/2011 20:15:16
hola gente, estoy "procesando" un codigo pero no consigo lo que quiero. Tengo un form que me permite entre otras cosas guardar el nombre de una imagen en una base de datos. hasta ahi todo bien, puedo previsualizar la imagen y luego subirla a la BD. El problema surge en la segunda parte: ahora quiero esa imagen que guarde (en realidad el nombre) quiero previsualizarla (en un form para editar el registro) y poder a su vez cambiarla si fuese necesario. paso el codigo y explico:
///PARTE UNO - UN SCRIPT
<script type="text/javascript">
function setpreview()
{
document.form1.target='null';
document.form1.action='uploader.php';
document.form1.submit();
}
</script>
</head>
<body>
///PARTE DOS -- EL CODIGO EN LA PARTE DE LA IMAGEN (ANTES DE ESTO ESTA LA CONEXION A LA BD Y DEMAS)
<?PHP
echo "<tr>";
echo "<td width='160'> </td>";
echo "<td width='330'>
///CON ESTAS LINEAS DE ABAJO ME PERMITE VISUALIZAR UN ARCHIVO Y POSTERIORMENTE SUBIRLO
<input type='hidden' name='MAX_FILE_SIZE' value='5242880'>";
echo "<img src='file:avatar.png' alt='vista previa' name='picture' width='330' height='223' id='picture'/></td>";
echo "<td width='25'> </td>";
echo "<td width='330'><input type='hidden' name='MAX_FILE_SIZE' value='5242880'>";
echo "<img src='file:avatar2.png' alt='vista previa' name='picture2' width='330' height='223' id='picture2'/></td>";
echo "</tr>";
echo "<tr>";
echo "<td width='160' height='30'> </td>";
//AQUI ESTAN LOS BOTONES QUE DISPARAN EL SCRIPT QUE LLAMA AL PHP Q SUBE EL ARCHIVO
echo "<td width='330' height='30'><input name='userfile' id='userfile' type='file' size='30' onChange = 'setpreview()' /></td>";
echo "<td width='25' height='30'> </td>";
echo "<td width='330' height='30'><input name='userfile2' id='userfile2' type='file' size='30' onChange = 'setpreview()' /></td>";
echo "</tr>";
echo "</table>";
?>
TODO ESTO PERFECTO PARA SUBIR LA IMAGEN PERO AHORA COMO ADAPTO ESTO PARA PODER RECUPERAR LA IMAGEN DE LA BD Y LUEGO SUBIRLA. SI HAGO ESTO, PUEDO VERLA OSEA RECUPERO DE LA BD, PERO ME CAMBIA EL CODIGO PARA PODER VISUALIZAR Y SUBIRLA
<input type='hidden' name='MAX_FILE_SIZE' value='5242880'>";
echo "<img src='../images/".$row["imagen1"]." ' name='picture' width='330' height='223' id='picture'/></td>";
AQUI ABAJO PONGO EL PHP AL Q LLAMA EL BOTON
<?php
$carpeta="tmp/";
$name=$carpeta.basename($_FILES['userfile']['name']);
$name2=$carpeta.basename($_FILES['userfile2']['name']);
move_uploaded_file($_FILES['userfile']['tmp_name'],$name);
move_uploaded_file($_FILES['userfile2']['tmp_name'],$name2);
?>
<script type="text/javascript">
parent.document.getElementById('picture').src='<?php echo $name; ?>';
parent.document.getElementById('picture2').src='<?php echo $name2; ?>';
</script>
ESPERO QUE SE HAYA ENTENDIDO, POR FAVOR NO SE PARA DONDE TIRAR. SALUDOS
///PARTE UNO - UN SCRIPT
<script type="text/javascript">
function setpreview()
{
document.form1.target='null';
document.form1.action='uploader.php';
document.form1.submit();
}
</script>
</head>
<body>
///PARTE DOS -- EL CODIGO EN LA PARTE DE LA IMAGEN (ANTES DE ESTO ESTA LA CONEXION A LA BD Y DEMAS)
<?PHP
echo "<tr>";
echo "<td width='160'> </td>";
echo "<td width='330'>
///CON ESTAS LINEAS DE ABAJO ME PERMITE VISUALIZAR UN ARCHIVO Y POSTERIORMENTE SUBIRLO
<input type='hidden' name='MAX_FILE_SIZE' value='5242880'>";
echo "<img src='file:avatar.png' alt='vista previa' name='picture' width='330' height='223' id='picture'/></td>";
echo "<td width='25'> </td>";
echo "<td width='330'><input type='hidden' name='MAX_FILE_SIZE' value='5242880'>";
echo "<img src='file:avatar2.png' alt='vista previa' name='picture2' width='330' height='223' id='picture2'/></td>";
echo "</tr>";
echo "<tr>";
echo "<td width='160' height='30'> </td>";
//AQUI ESTAN LOS BOTONES QUE DISPARAN EL SCRIPT QUE LLAMA AL PHP Q SUBE EL ARCHIVO
echo "<td width='330' height='30'><input name='userfile' id='userfile' type='file' size='30' onChange = 'setpreview()' /></td>";
echo "<td width='25' height='30'> </td>";
echo "<td width='330' height='30'><input name='userfile2' id='userfile2' type='file' size='30' onChange = 'setpreview()' /></td>";
echo "</tr>";
echo "</table>";
?>
TODO ESTO PERFECTO PARA SUBIR LA IMAGEN PERO AHORA COMO ADAPTO ESTO PARA PODER RECUPERAR LA IMAGEN DE LA BD Y LUEGO SUBIRLA. SI HAGO ESTO, PUEDO VERLA OSEA RECUPERO DE LA BD, PERO ME CAMBIA EL CODIGO PARA PODER VISUALIZAR Y SUBIRLA
<input type='hidden' name='MAX_FILE_SIZE' value='5242880'>";
echo "<img src='../images/".$row["imagen1"]." ' name='picture' width='330' height='223' id='picture'/></td>";
AQUI ABAJO PONGO EL PHP AL Q LLAMA EL BOTON
<?php
$carpeta="tmp/";
$name=$carpeta.basename($_FILES['userfile']['name']);
$name2=$carpeta.basename($_FILES['userfile2']['name']);
move_uploaded_file($_FILES['userfile']['tmp_name'],$name);
move_uploaded_file($_FILES['userfile2']['tmp_name'],$name2);
?>
<script type="text/javascript">
parent.document.getElementById('picture').src='<?php echo $name; ?>';
parent.document.getElementById('picture2').src='<?php echo $name2; ?>';
</script>
ESPERO QUE SE HAYA ENTENDIDO, POR FAVOR NO SE PARA DONDE TIRAR. SALUDOS
Valora esta pregunta
0