elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Guía rápida para descarga de herramientas gratuitas de seguridad y desinfección


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  javascript para la subida de imagenes en una pagina web
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: javascript para la subida de imagenes en una pagina web  (Leído 1,701 veces)
condorito

Desconectado Desconectado

Mensajes: 65


Ver Perfil WWW
javascript para la subida de imagenes en una pagina web
« 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


« Última modificación: 13 Marzo 2017, 06:52 am por Condorito » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
imagenes para mi pagina web
Diseño Gráfico
_PoindeXter_ 1 4,176 Último mensaje 1 Septiembre 2003, 12:10 pm
por .txt
Vulnerabilidad en la subida de imagenes « 1 2 3 4 »
Nivel Web
50l3r 39 15,263 Último mensaje 15 Septiembre 2009, 02:09 am
por WHK
Como hacer para redimensionar imagenes con javascript
Desarrollo Web
astinx 1 3,966 Último mensaje 7 Mayo 2012, 19:07 pm
por el-brujo
Que programacion para rellenar formulario web con subida de imagenes
.NET (C#, VB.NET, ASP)
nomed 5 5,089 Último mensaje 11 Junio 2017, 21:47 pm
por nomed
[Pregunta]: ¿Como validar CORRECTAMENTE la subida de imagenes?
Desarrollo Web
Leguim 3 2,461 Último mensaje 21 Julio 2019, 04:42 am
por @XSStringManolo
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines