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


 


Tema destacado: [Aporte] Mejores practicas en Java


+  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 171 veces)
www.infosuburbana.net

Desconectado Desconectado

Mensajes: 38


red social http://infosuburbana.net


Ver Perfil WWW
javascript para la subida de imagenes en una pagina web
« en: 13 Marzo 2017, 06:48 »

 ::) 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 por Condorito » En línea

Red social, version beta http://infosuburbana.net
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 2,439 Último mensaje 1 Septiembre 2003, 12:10
por .txt
Vulnerabilidad en la subida de imagenes « 1 2 3 4 »
Nivel Web
50l3r 39 8,569 Último mensaje 15 Septiembre 2009, 02:09
por WHK
Hosting web para pagina estatica (HTML-javascript)
Desarrollo Web
Noxors 2 1,865 Último mensaje 20 Febrero 2010, 15:55
por fede_cp
Como hacer para redimensionar imagenes con javascript
Desarrollo Web
astinx 1 1,921 Último mensaje 7 Mayo 2012, 19:07
por el-brujo
Que programacion para rellenar formulario web con subida de imagenes
.NET
nomed 5 660 Último mensaje 11 Junio 2017, 21:47
por nomed
Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines