Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: condorito en 13 Marzo 2017, 06:48 am



Título: javascript para la subida de imagenes en una pagina web
Publicado por: condorito en 13 Marzo 2017, 06:48 am
 ::) es simple y muy pero muy funsional (no requiere estar logeado para subir imagenes)

Citar
<div style="text-align: center;"><html>
<head>
<br></br>
<img alt="http://TUSITIOWEB.COM/UNAIMAGENPARAELBANNERPRESENTACION.jpg" border="0" src="http://TUSITIOWEB.COM/UNAIMAGENPARAELBANNERPRESENTACION.jpg" /></a></div>
<style type="text/css">
.upload{
background:#e7e7e7;
box-shadow:0px 0px 10px black;
width:500px;
height:200px;
margin-right:auto;
margin-left:auto;
border-radius:20px;

}
form{
        margin: 126px auto 0;
        width: 225px;
    }
    label{
        display: block;
    }
    input[type="file"]{
        display: block;
        margin: 8px 0;
    }
    div.resultado{
        margin: 25px auto 0;
        width: 300px;
    }
    div.resultado img{
        border: 2px solid #EEEEEE;
        height: auto;
        width: 300px;
    }
</style>
</head>
<body>
<div class="upload">
<form action="" method="post" enctype="multipart/form-data">
    <br><br>Sube un archivo:
    <input type="file" name="fotos2" id="fotos2" /> <br>
    <input type="submit" name="boton" value="Subir" />
</form>
<div>
<div class="resultado">
<?php
if(isset($_POST['boton'])){
    // x
    if ((($_FILES["fotos2"]["type"] == "image/gif") ||
    ($_FILES["fotos2"]["type"] == "image/jpg") ||
    ($_FILES["fotos2"]["type"] == "image/gif") ||
    ($_FILES["fotos2"]["type"] == "image/bmp") ||
    ($_FILES["fotos2"]["type"] == "image/png") ||
    ($_FILES["fotos2"]["type"] == "image/jpeg")) &&
    ($_FILES["fotos2"]["size"] < 3000000)) {
    
    //x, x (1 o 0).
      if ($_FILES["fotos2"]["error"] > 0) {
        echo $_FILES["fotos2"]["error"] . "<br />";
      } else {
          // x
          if (file_exists("fotos2/" . $_FILES["fotos2"]["name"])) {
            echo $_FILES["fotos2"]["name"] . " ya existe una imagen con mismo nombre, cambiale el nombre ";
          } else {
           // x
            move_uploaded_file($_FILES["fotos2"]["tmp_name"],
            "fotos2/" . $_FILES["fotos2"]["name"]);
            echo "Archivo Subido con exito!<br />";
            echo "<img src='fotos2/".$_FILES["fotos2"]["name"]."' />";
          }
      }
    } else {
        // x
        echo "imagen mas pesada de lo permitido ó archivo no admitido";
    }
}
?>
</div>
</body>
</html></div>

Como veran...en la carpeta "fotos2" es donde se cargaran las imagenes, podes cambiarle el nombre pero obviamente recorda actualizarlo a eso en el codigo script luego (recomiendo dejarlo asi y crear una carpeta con ese nombre "fotos2" tambien ...en el link http://TUSITIOWEB.COM/UNAIMAGENPARAELBANNERPRESENTACION.jpg es un link de ejemplo...alli irá un link de algun banner de presentacion sobre la pagina donde se cargen las imagenes, de la forma en que quedó este codigo se podran cargar los formatos jpg , jpeg , bmp , gif , y png ...si mas o menos entendes como configurar el codigo podras cambiarlo para que se cargen los formatos de archivos que quieras como los .exe .doc .docx .rar .zip etc....tambien es configurable el tope del peso del archivo....en este caso el tope de cada archivo es de 30megabytes  :rolleyes: espero les sirva....pueden usar esto en una pagina con contraseña de acceso para que no cualquiera pueda cargar cosas y que solo entre gente conocida a ustedes con la correspondiente contraseña de acceso