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

 

 


Tema destacado: Recuerda que debes registrarte en el foro para poder participar (preguntar y responder)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  PHP (Moderador: #!drvy)
| | | |-+  ¿Cómo mostrar archivo en php con su link generado?		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: ¿Cómo mostrar archivo en php con su link generado?  (Leído 3,341 veces)
Ali Baba


Desconectado Desconectado

Mensajes: 310


Ver Perfil WWW
¿Cómo mostrar archivo en php con su link generado?
« en: 1 Abril 2018, 17:24 pm »
Resulta que estoy intentando crear una web donde se suba una imagen al servidor y esta devuelva un link con la imagen. De cierta forma lo logro, solo que cuando le doy clic al link la imagen no se me ve porque le falta el formato, lo que pasa es que quiero que la imagen salga en base64, para lo cual también tengo el código ya escrito, aquí os dejo todo:

Código
  1. <!DOCTYPE html>
  2. <html lang="es" dir="ltr">
  3.  
  5.   <meta charset="utf-8">
  6.   <meta name="author" content="Diesan Romero">
  7.   <meta name="description" content="Sube tus imagenes de manera temporal">
  8.   <meta http-equiv="imagetoolbar" content="no">
  9.   <meta http-equiv="pragma" content="no-cache">
  10.  
  11.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  12.   <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
  13.   <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/css/mdb.min.css" rel="stylesheet">
  14.   <link rel="stylesheet" href="src/styles.css">
  15.   <title>Imágenes Momentaneas</title>
  16. </head>
  17.  
  18. <body oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onkeydown="return false">
  19.  
  20.   <div class="container-fluid">
  21.     <div class="row justify-content-center mt-5">
  22.       <h1><span>Imágenes Momentáneas</span></h1>
  23.     </div>
  24.     <div class="row justify-content-center mt-4">
  25.       <form action="index.php" method="post"  enctype="multipart/form-data">
  26.         <div class="form">
  27.           <h3 class="row justify-content-center mt-5">Seleccione el tiempo en minutos que estará su imagen en línea</h3>
  28.           <div class="row justify-content-center mt-1">
  29.             <div class="btn-group" role="group">
  30.               <button type="button" class="btn btn-warning">1</button>
  31.               <button type="button" class="btn btn-warning">5</button>
  32.               <button type="button" class="btn btn-warning">15</button>
  33.               <button type="button" class="btn btn-warning">30</button>
  34.               <button type="button" class="btn btn-warning">60</button>
  35.             </div>
  36.           </div>
  37.           <div class="row justify-content-center mt-5">
  38.             <input type="file" name="imagen" id="imagen" class="input-file">
  39.             <label for="imagen" class="btn btn-lg btn-outline-black js-labelFile">
  40.               <i class="icon fa fa-check"></i>
  41.               <span class="js-fileName">Elija la imagen a subir</span>
  42.             </label>
  43.             <input type="submit" class="btn btn-lg btn-red" value="Subir Imagen">
  44.           </div>
  45.         </div>
  46.       </form>
  47.     </div>
  48.   </div>
  49.  
  50.  
  51.  
  52.   <?php
  53.       if (!isset($_FILES['imagen']['tmp_name']) || !file_exists($_FILES['imagen']['tmp_name']) || !is_uploaded_file($_FILES['imagen']['tmp_name'])){
  54.  
  55.       }
  56.     else {
  57.  
  58.       $nombre = $_FILES['imagen']['name'];
  59.       $tipo = $_FILES['imagen']['type'];
  60.       $tamano = $_FILES['imagen']['size'];
  61.       $tmpext=explode(".", $nombre);
  62.       $extension = end($tmpext);
  63.       $generado = md5($nombre.rand()).'.'.$extension;
  64.       $nombre = substr($generado, 0,7);
  65.  
  66.       $carpetaImagenes = $_SERVER['DOCUMENT_ROOT'].DIRECTORY_SEPARATOR.'imagenes-momentaneas/imagenes';
  67.       if (!is_dir($carpetaImagenes)) {
  68.           mkdir($carpetaImagenes, 0775);
  69.       }
  70.       if (!is_writable($carpetaImagenes)) {
  71.           chmod($carpetaImagenes, 0775);
  72.       }
  73.  
  74.       //Crea la carpeta Uploads
  75.       $carpetaUploads = $carpetaImagenes.DIRECTORY_SEPARATOR.'uploads';
  76.       if (!is_dir($carpetaUploads)) {
  77.           mkdir($carpetaUploads, 0775);
  78.       }
  79.  
  80.       if (!is_writable($carpetaUploads)) {
  81.           chmod($carpetaUploads, 0775);
  82.       }
  83.  
  84.       if ($_FILES['imagen']['size'] != 0 && $_FILES['imagen']['type'] === 'image/jpeg' || $_FILES['imagen']['type'] === 'image/jpg' || $_FILES['imagen']['type'] === 'image/png' || $_FILES['imagen']['type'] === 'image/gif')
  85.       {
  86.         // Envia la imagen del directorio temporar al servidor
  87.         move_uploaded_file($_FILES['imagen']['tmp_name'], $carpetaUploads.DIRECTORY_SEPARATOR.$nombre);
  88.         // Path de donde va a estar la imagen ya subida
  89.         $path = $carpetaUploads.DIRECTORY_SEPARATOR.$nombre;
  90.         $enlace = 'http://localhost/imagenes/uploads/'.$nombre.;
  91.         //echo "<img src='data:image/jpg;base64,".base64_encode(file_get_contents($path))."' />";
  92.         echo "<div class='row justify-content-center mt-2'><div class='col-4'><div class='alert alert-success visible' role='alert'>La imagen ha sido subida correctamente. Acá está el enlace directo: <a href='{$enlace}'>{$enlace}</a></div></div></div>";
  93.         }
  94.     }
  95.  
  96.   ?>
  97.  
  98.   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  99.   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js"></script>
  100.   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
  101.   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/js/mdb.min.js"></script>
  102.   <script type="text/javascript" src="src/main.js"></script>
  103. </body>
  104.  
  105. </html>
  106.  

Alguna idea?
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Como saber si existe un LINK, un archivo en internet « 1 2 »
Programación Visual Basic 		jrhomer 11 5,891 Último mensaje 12 Enero 2006, 16:19 pm
por Thaorius
Como es un link para descargar un archivo .php? « 1 2 3 4 »
Nivel Web 		Skeletron 34 29,165 Último mensaje 10 Diciembre 2009, 17:08 pm
por Red Mx
mostrar datos leidos de un archivo txt
Programación C/C++ 		pastyto 0 3,546 Último mensaje 26 Octubre 2010, 18:17 pm
por pastyto
Mostrar linea de un archivo [Python]
Scripting 		Ricardo95 4 9,827 Último mensaje 22 Enero 2011, 15:10 pm
por Ricardo95
Como descifro el archivo Login Data.txt generado por Metasp de google chrome?
Hacking 		aprendiendohacking2020 4 6,087 Último mensaje 4 Junio 2020, 19:36 pm
por Lara001
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines