Estimados amigos tengo los siguientes archivos:
subir_archivo.php
Código HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<title></title>
<meta charset="utf-8" />
<style>
.tarjeta {
border: 1px solid black;
display: block;
float: left;
height: 317px;
margin-left: -1px;
margin-top: -1px;
margin-right: 58px;
margin-bottom: 16px;
position: relative;
width: 503px;
overflow: hidden;
}
</style>
</head>
<body>
<!-- El tipo de codificación de datos, enctype, DEBE especificarse como sigue -->
<form enctype="multipart/form-data" action="subir_imagen.php" method="POST">
<!-- MAX_FILE_SIZE debe preceder al campo de entrada del fichero -->
<input type="hidden" name="MAX_FILE_SIZE" value="5000000" />
<!-- El nombre del elemento de entrada determina el nombre en el array $_FILES -->
Enviar este fichero: <input name="fichero_usuario" type="file" />
<input type="submit" value="Enviar fichero" />
</form>
<div class="tarjeta"></div>
</body>
</html>
subir_imagen.php
Código PHP:
<?php
// En versiones de PHP anteriores a la 4.1.0, debería utilizarse $HTTP_POST_FILES en lugar
// de $_FILES.
$dir_subida = '/xampp/htdocs/jireh/uploads/';
$fichero_subido = $dir_subida . basename($_FILES['fichero_usuario']['name']);
echo '<pre>';
if (move_uploaded_file($_FILES['fichero_usuario']['tmp_name'], $fichero_subido)) {
echo "El fichero es válido y se subió con éxito.\n";
} else {
echo "¡Posible ataque de subida de ficheros!\n";
}
echo 'Más información de depuración:';
print_r($_FILES);
print_r($fichero_subido);
print "</pre>";
?>
Mi consulta es la siguiente:
como puedo aplicar como fondo del div tarjeta haciendo uso del estilo background-image la imagen que acabo de subir al servidor con php?
Les agradeceria su muy importante ayuda.