Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/08/2017, 19:16
Avatar de Fernarey1810
Fernarey1810
 
Fecha de Ingreso: noviembre-2008
Mensajes: 214
Antigüedad: 15 años, 6 meses
Puntos: 1
Leer multiples imagenes desde php

Encontré el siguiente código para generar imágenes en miniatura a medida que se va seleccionando un archivo, y funciona muy bien tanto para 1 imagen como para multiples imagenes. Como leo estos datos desde PHP para guardar los nombres en una base de datos?

https://developer.mozilla.org/en-US/.../readAsDataURL

Código HTML:
Ver original
  1. <input id="browse" type="file" onchange="previewFiles()" multiple>
  2. <div id="preview"></div>

Código Javascript:
Ver original
  1. function previewFiles() {
  2.  
  3.   var preview = document.querySelector('#preview');
  4.   var files   = document.querySelector('input[type=file]').files;
  5.  
  6.   function readAndPreview(file) {
  7.  
  8.     // Make sure `file.name` matches our extensions criteria
  9.     if ( /\.(jpe?g|png|gif)$/i.test(file.name) ) {
  10.       var reader = new FileReader();
  11.  
  12.       reader.addEventListener("load", function () {
  13.         var image = new Image();
  14.         image.height = 100;
  15.         image.title = file.name;
  16.         image.src = this.result;
  17.         preview.appendChild( image );
  18.       }, false);
  19.  
  20.       reader.readAsDataURL(file);
  21.     }
  22.  
  23.   }
  24.  
  25.   if (files) {
  26.     [].forEach.call(files, readAndPreview);
  27.   }
  28.  
  29. }

Cuando inspecciono las imagenes a medida que las subo veo lo siguiente: https://ibb.co/bULPZk