Como puedo subir múltiples imágenes a una base de datos?

Como puedo subir imagenes desde mi formulario a una base de datos en phpmyadmin, quiero subir varias imagenes al mismo tiempo a una base de datos para tener guardada la ubicacion y que las imagenes se guarden en una carpeta para la ubicacion pero no se si sea posible y no se como hacerlo, me podrian ayudar? Mi formulario seria asi:

<form action="php/new.php" method="POST" onsubmit="return new();" enctype="multipart/form-data">  <input type="file" name="uploads[]" accept="image/*" multiple>  <input type="submit" class="main_button" name="submint" value="Añadir producto" style="padding: 5px;"><br><br>  

mi base de datos es basicamente tine su id y la columna donde quiero guardar la ubicacion con el nombre de uploads.

Alinear imágenes seguidas php / html

Hola que tal he estado buscando soluciones para poder alinear imágenes en mi web page, lo que busco es que se alineen seguidas una de otra.

Lo que sucede es que estoy obteniendo los datos incluidas las imágenes de un DB mediante php y json, eso no importa todo funciona de maravilla solamente que al yo traerme los datos en el foreach evidentemente cada imagen me la inserta con un salto de linea, lo que busco es que no me de este salto y yo poder elegir 3 imágenes por linea o 4 ( se que la solución puede estar en css, html o incluso php solo que no se me ocurre como poder lograr esto)

Espero haberme explicado, un saludo colegas!

foreach ( $  obj as $  res ) {  $  n = $  res->nom; $  lk = $  res->img_url; $  p = $  res->precio;  echo "<h1 id='t'> $  n </h1>"; echo "<img src=$  lk id='im2'>";  } 

¿Cómo puedo hacer que las imágenes de un post no se ajusten a la caja a la que pertenecen?

A ver, en los post de un blog en WordPress, tengo este div donde las imágenes se ajustan a la caja, y yo quisiera que no se ajustaran, que sólo el texto conservara esos márgenes.

introducir la descripción de la imagen aquí

Quisiera que el blog luciera tal que así: introducir la descripción de la imagen aquí

¿Cómo podría hacerlo sin modificar los márgenes del div?

Secuencia de imágenes en ScrolMagic

estoy realizando un parallax con la librería ‘ScrollMagic, y tengo un problema, pues me gustaría que al llegar a una secuencia de imágenes – animación – el scroll de la sección se parara hasta que termine dicha secuencia animada también con scroll. Es decir, se para el scroll de la sección y el scroll funciona sobre la secuencia hasta su finalización que ya puedo continuar con el scroll de la sección.

Alguien sabe cómo se podría hacer para que funcionara? El código es el siguiente (el enlace a las librerías de scrollMagic no puedo enlazarlas de forma absoluta)

<!DOCTYPE html> <html lang="es"> <head>     <meta charset="UTF-8" >     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <meta http-equiv="X-UA-Compatible" content="ie=edge" />     <title>Scrolls</title>     <link rel="stylesheet" href="css/normalize.css" type="text/css" />     <link rel="stylesheet" href="css/style.css" type="text/css" />     <style type="text/css">         #pinContainer{width: 100%;height: 100%; overflow: hidden;}         .panel{width: 100%;height: 100%;position: absolute;background-color: black;}         .scroll-uno{z-index: 1;background-repeat: no-repeat;background-position: center center;background-size: cover;}         .scroll-dos{position:fixed;top: 0; left: 0;background-color: blue;display: flex;flex-direction: column;justify-content: center;align-items: center;}         .scroll-tres{background-color: yellow;}         .bg-video{             width: auto;             min-width: 100%;             height: auto;             min-height: 100%;             position: absolute;             top: 50%;             left: 50%;             transform: translate(-50%, -50%);             z-index: -100;             background-size: cover;         }     </style> </head> <body>     <div id="pinContainer">         <section id="parallax-1" class="panel scroll-uno" style="background-image:url('bg-image.jpg');">            <!--             <video id="video" class="bg-video" preload="auto" autoplay="autoplay" loop="loop" muted>                 <source src="#" type="video/webm" />                 <source src="#" type="video/mp4" />             </video>             -->         </section>         <section id="parallax-2" class="panel scroll-dos">             <h1>aquí es</h1>             <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Porro in dicta mollitia, recusandae, sint consequuntur rerum earum id quam, fugit laborum saepe assumenda. Laborum ipsam praesentium, eos aliquam veritatis iste!</p>         </section>         <section id="parallax-3" class="panel scroll-tres">                 <div id="trigger"></div>                 <div id="imagesequence">                     <img id="myimg" src="img/example_imagesequence_01.png" />                 </div>         </section>     </div> <script src="js/jquery.min.js"></script> <script src="js/TweenMax.min.js"></script> <script src="js/ScrollMagic.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script> <script src="js/animation.gsap.min.js"></script> <script src="js/debug.addIndicators.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script> <script>     $  (function () {          // iniciar scroll magic         var controller = new ScrollMagic.Controller();          // definir movimiento de paneles         var wipeAnimation = new TimelineMax()             .fromTo(".scroll-uno", 1, {y: "0%"}, {y: "-100%", ease: Linear.easeNone})              .fromTo(".scroll-dos",    1, {y:  "0%"}, {y: "-100%", ease: Linear.easeNone})              .fromTo(".scroll-tres", 1, {y: "100%"}, {y: "0%", ease: Linear.easeNone});           // crear escena general         new ScrollMagic.Scene({                 triggerElement: "#pinContainer",                 triggerHook: "onLeave",                 duration: "300%"             })             .setPin("#pinContainer")             .setTween(wipeAnimation)             .addIndicators() // agregar indicadores (requiere plugin)             .addTo(controller);           //definición imágenes bloque 2         var images = [             "img/example_imagesequence_01.png",             "img/example_imagesequence_02.png",             "img/example_imagesequence_03.png",             "img/example_imagesequence_04.png",             "img/example_imagesequence_05.png",             "img/example_imagesequence_06.png",             "img/example_imagesequence_07.png"         ];         var obj = {curImg: 0};         var tween = TweenMax.to(obj, 0.5,             {                 curImg: images.length - 1,  // animación                 roundProps: "curImg",                        repeat: 3,                  // repetir 3 veces                 immediateRender: true,      // cargar automáticamente la primera imagen                 ease: Linear.easeNone,      // mostrar todas las imágenes en el mismo tiempo                 onUpdate: function () {                 $  ("#myimg").attr("src", images[obj.curImg]); // ruta de imagen                 }             }         );         var controller = new ScrollMagic.Controller();         // construir escena animación         var scene = new ScrollMagic.Scene({             triggerElement: "#trigger",              duration: 300         })         .setTween(tween)         .addIndicators()          .addTo(controller);      }); </script>         </body> </html>  

¿Cómo convertir imágenes tiff con formato de compresión LZW a CCITT4?

Buenas tardes comunidad,

tengo un problema con la conversión de una imágen en formato TIFF con compresión LZW a una compresión CCITT4. El proyecto está hecho en visual studio 2005. Haciendo pruebas e investigando un poco, encontré que esto era posible utilizando las librerías de microsoft System.Drawing. Pero a la hora de probarlo, no funciona, arroja un error que dice “Parameter is not valid” a la hora de guardar la imágen. Cabe mencionar que el error solo se presenta con el encoder CCITT4. Si pongo LZW funciona correctamente. Indagando un poco más, me encontré con que esto no es compatible con el sistema operativo (Windows Server 2003) Comparto el código:

using System; using System.Collections.Generic; using System.Text; using System.Drawing; using System.Drawing.Imaging; using System.IO;  static void Main(string[] args)     {         using (MemoryStream memStream = new MemoryStream())         {             string fileOriginRoute = @"C:\Documents and Settings\user\My Documents\Imagenes\";             string fileDestinationRoute = @"C:\Documents and Settings\user\My Documents\ImagenesConvertidas\";             string fileName = "Imagen.tif";             Bitmap myBitmap;             myBitmap = new Bitmap(fileOriginRoute + fileName);             ImageCodecInfo myImageCodecInfo;             myImageCodecInfo = GetEncoderInfo("image/tiff");             System.Drawing.Imaging.Encoder myEncoder;             myEncoder = System.Drawing.Imaging.Encoder.Compression;             EncoderParameters myEncoderParameters;             myEncoderParameters = new EncoderParameters(1);             EncoderParameter myEncoderParameter;             myEncoderParameter = new EncoderParameter(myEncoder, (long)EncoderValue.CompressionCCITT4);             myEncoderParameters.Param[0] = myEncoderParameter;             try             {                 myBitmap.Save(memStream, myImageCodecInfo, myEncoderParameters);             }             catch (Exception e)             {                 Console.WriteLine(e.Message);             }             Console.ReadKey();         }     }     private static ImageCodecInfo GetEncoderInfo(String mimeType)     {         int j;         ImageCodecInfo[] encoders;         encoders = ImageCodecInfo.GetImageEncoders();         for (j = 0; j < encoders.Length; ++j)         {             if (encoders[j].MimeType == mimeType)                 return encoders[j];         }         return null;     } 

Gracias de antemano.

¿Como puedo usar el Action Listener para asignarle unas teclas a unas imagenes?

quiero hacer un juego donde una serie de imágenes saldrán en pantalla. la idea es que si la imagen de color azul sale el niño oprima la letra (A) por ejemplo. si sale una verde oprima la letra (v), y de esta forma saldrá un mensaje de correcto pero si oprime otra que no corresponde salga error. como le asigno una letra a cada imagen.

Una red neuronal para clasificar imagenes asociadas a una matriz

Tengo un problema de clasificación usando redes neuronales.

Poseo un dataset de imágenes de 9 categorías diferentes, el problema está en que existen categorías con el mismo tipo de imagen asociada y estas solo pueden ser diferenciadas con una matriz asociada que posee mi problema específico.

Entonces lo que quiero hacer es entrenar una red neuronal que reciba de entrada la imagen asociada a la categoría específica y un vector con la información de la matriz asociada a dicha categoría.

¿Alguna arquitectura o bibliografía donde pueda consultar como abordar este tipo de problemas?

De antemano muchas gracias.

Cómo precargar imágenes con CSS3 y/o JavaScript

Quisiera saber cómo precargar tanto las imágenes de fondo del body como imágenes puestas con la etiqueta img. Me dieron unas fotos profesionales, pero no fueron renderizadas. Por el momento, debo trabajar así. el problema, es que se demora al menos 3 segundos la carga completa de la página (y en la sección de galería, se demora aún más). Adicionalmente, utilizo owl.carousel; y en ocasiones, no me carga bien. Se ve mal. Quisiera saber cómo renderizar la carga de mi página.

¿cómo puedo insertar el resto de imágenes en un subplot?

tengo un DataFrame así

df=pd.DataFrame(dat) 

visualizando los datos:

            AP2  Paron  AP1 Artesoncocha Llanganuco fecha 2018-09-01  0.1   0.0   0.0     0.0        0.0 2018-09-02  0.1   0.0   0.0     0.0        0.0 2018-09-03  1.0   0.2   0.0     0.4        2.0 

Agrupo estos datos diarios en meses así:

dat_mes = dat.groupby(lamnda m:m.month) mes = dat.resample('M').sum() print(mes) 

out

              AP2    Paron   AP1  Artesoncocha Llanganuco fecha 2018-09-30    22.8   35.6   37.0    49.8         35.8 2018-10-31   123.5  100.8   99.8   125.6        133.0 2018-11-30   151.0  108.2  100.6   123.4        132.6 

un primer gráfico lo realizo así:

mes.plot(kind='bar') 

quiero hacer el mismo gráfico para cada uno que se muestra en la leyenda, y hago lo siguiente, aunque no es nada elegante:

columns = ['AP2','Paron','AP1','Artesoncocha','Llanganuco'] ax=plt.subplots(2,3)  for col in columns:     for j in range(0,6):         graf =mes[col].plot(subplots=True, kind='bar') 

el resultado no es lo que espero, la gráfica sale así XD… y cómo podría sólo mostrarla fecha sin los ceros? introducir la descripción de la imagen aquí