Foro de elhacker.net

Programación => PHP => Mensaje iniciado por: Ali Baba en 1 Abril 2018, 17:24 pm


Título: ¿Cómo mostrar archivo en php con su link generado?
Publicado por: Ali Baba 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?


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines