Plugin jQuery- Bootstrap File Input, subir archivos al servidor

40
111



El plugin Bootstrap File Input, para subir archivos al servidor con Bootstrap de manera elegante, y utilizando php.

Enlace del plugin en develoteca.com:

Ejercicio github:

Nguồn:https://quydinh.com/

40 COMMENTS

  1. Profesor Tendra una version con bootstrap 4 y sino me podria decir como limitar el numero de imagenes seleccionadas

  2. Hola Develoteca, estupendo script, todo funciona correctamente pero mi necesidad es cargar pdfs ademas de imágenes, si subo un pdf no se ve la vista previa, aunque si lo sube al servidor, como puedo solucionar eso?, también me gustaría que me ayudaras para hacer visible el botón de download y el botón de vista previa (lupa). Saludos desde España, muchas gracias.

  3. saludos desde xprogramacion.com.ve primero felicitarte, magnifica velocidad de explicación ahorras tiempo y eso es muy importante gracias…bien te comento, el request_method="delete" no se recibe, borrar me genera error. (Warning: unlink() expects parameter 2 to be resource, integer given in D:xampphtdocsloginborrar.php)

    APORTE: los iconos no se cargan en bootstrap 4.x ya que no los trae incorporados, les recomiendo usar fawesome; entran al fileinput.min.js y editan los iconos que utilizan para que puedan ser visualizados en vistas previas y botones utilizados en el componente.

  4. Hola, primeramente muchas gracias por tu trabajo y tiempo. Implica dedicacion y te agradezco porque me has facilitado muchisimo mi trabajo. Tengo una pregunta. Actualmente, estoy tratando de implementar el File Upload en un proyecto que esta alojado en un servidor. Para el borrado, como es una simple instruccion no hay problema, pero a la hora de subir el archivo al servidor, como no me hace una subida ftp, me genera un error. Simplemente no puedo subir los archivos directamente como tu lo demuestras. Como podria hacerlo? Hay alguna opcion para hacerlo funcionar en un servidor como hostinger?

    Gracias de antemano por tu tiempo.

  5. Buen tutorial Develoteca, bien explicado, ya lo estoy implementando en un proyecto pero tengo un detalle y espero puedas apoyarme, todo funciona bien pero cuando le doy clic en el icono de ver detalles (icono forma de lupa) la imagen se ve igual de pequeña que la imagen miniatura thumbnail, en el initialPreview leo los enlaces en una base de datos de las imagenes a mostrar y los agrego de la sig manera: "<img src='<?php echo $imgmuestra; ?>' height='120px' class='file-preview-image'>", lo que he observado es que si elimino ' height='120px', las imágenes se ven en su tamaño original tanto en el previo como en el de detalle, ¿como puedo corregir eso?, espero haberme dado a entener. Saludos y excelente dia.

  6. hola muy buen vídeo… quisiera que me aparezca en español… ahora lo tengo así pero no fuenciona:
    <script type="text/javascript">
    $("#archivos").fileinput({
    language: "es",
    uploadAsinc: false,
    minFileConut: 1,
    maxFileConut: 5,
    showRemove: false

    });
    function actualizar()
    {
    location.reload();
    }
    </script>

  7. Alguien me puede decir por qué cuando uso el $_FILES['imagenes']['tmp_name'] me tira un error de index que dice que undefined index 'imagenes'? Sinceramente no lo veo el sentido a ese error ya que tengo todo igual que en el video y además también en mi form tengo el enctype="multipart/form-data"

  8. Estimado muy buen video, estoy tratando de guardar en la base de datos un textarea que agregue al from para los comentarios, pero no logro pasar la variable para el archivo upload. si me pudieras orientar, gracias.

  9. Hola muchas gracias por el video. Estoy tratando de implemetar pero me aparece un mensaje fileinput is not a function. Que estaré omitiendo?

  10. hola muy interesante el video, lo estoy implementando, tengo una consulta, en tu ejemplo creas un directorio imagenes_/, lo que quiero hacer es pasar un parametro con el nombre de un subdirectorio dentro del directorio (imagenes_/$nom_subdir), lo hago con post pero no me toma en nombre. Gracias

  11. No me sirve, no puedo abrir como una pagina web, y cuando lo abro con Internet Explorer, me abre las lista descarga.

  12. muchas gracias por el video !! , una consulta ¿no me guarda la imagen en la carpeta estoy trabajando con fedora afecta la ruta ?

  13. muchas gracias por el video!, una consulta ¿como hago para subir solo archivos de tipo .jpg? muchas gracias de antemano

  14. Muchisimas gracias! Muy útil y práctico, pero por mi parte, agredecería si puedes dictar más despacio. Un saludo, agradezco esta gran colaboración a el mundo del desarrollo

  15. Excelente vídeo, tengo una consulta. Al momento de que el usuario modifica un registro como puedo cargar las imágenes asignadas a ese registro, en el caso de que un registro puede tener una o mas imágenes asignadas.

  16. ola yo de nuevo molestando, este ejemplo es muy bueno, tengo una duda espero me puedas ayudar en el momento de dar clic para seleccionar imagen me gustaria que si nosotros tenemos un input mas con algun nombre, que es tambien lo recoja el script al momento de mandarlo a la pagina de upload para poder hacer un renombre de la imagen esto se puede?

  17. ola muy buena explicación y ejemplo, tengo una duda checando los ejemplos de la documentación cuando una imagen se carga te da dos opciones una que es la eliminacion y la parte del zoom pero la verdad no soy muy bueno con el codigo para poder implementarlo, crees que me puedas ayudar para que tambien salga la opcion de ver detalles

  18. Hola, tengo un problema estoy implementando el plugin con 'theme': 'explorer', en Cakephp3 y ya lo logre, este tema tiene un botón en la parte superior derecha Move/Rearrange para cada archivo que se sube al servidor, ¿De que manera se pueden guardar las posiciones en la base de datos, donde recupero esa información para guardarla?, Saludos y gracias tu vídeo fue de mucha ayuda.

  19. Hola, que tal, si en el dado caso se elimina la parte de "drag & drop files here…", como se puede recuperar esa parte? 🙂

  20. a la final me funciono, junto al proyecto que estoy haciendo, pero necesito saber como hago para guardar en mi tabla en MySql,la url de mi imagen, alguien sabe o me puede indicar en donde conseguir esa informacion, nota: el proyecto tiene JQUERY, PHP y MYSQL, y tiene una carpeta ajax, Solo me falta una vez que le doy update a la imagen, esa seleccion que se guarde en mi bd. 🙁

  21. el enlace github esta caduco podrias enviarme por favor el link de descarga me interesa mucho este modulo la explicacion muy buena Gracias

  22. muy buena explicación le implemente base de datos y resize a las imágenes subidas en mi proyecto usando este pluging solo tengo un problema las fotos si las selecciono todas se suben al servidor pero si la voy eligiendo una por una cuando le doy a enviar solo se carga una 🙁

  23. Primero que todo excelente Tutorial. Muchas Gracias por tus explicaciones… Tengo un problema, descargo los archivos .css y .js y los agrego a mi proyecto pero al momento de presionar "Browse…" y buscar las imágenes o archivos que quiero subir al servidor me aparecen pero sin el Preview ni los iconos de Upload y Trash que te aparecen a ti, solo un cuadro con el nombre del archivo sin más nada. De antemano te agradecería si me ayudaras con esto. Gracias!

  24. BUENA TARDE AMIGO SALUDOS, EXELENTE TUTORIAL, PERO TENGO UN PROBLEMA, YA ME INSERTA ALA BASE DE DATOS Y TODO EL PROBLEMA ES QUE NO ME SUBE LAS IMAGENES AL DIRECTORIO INGRESA Ejercicio github EN LA DESCRIPCION DEL VIDEO PERO ME DICE NO SE HA ENCONTRADO LA DIRECCION DNS CON github COMO HAGO PARA VER EL CODIGO, EN TU VIDEO VA ALGO RAPIDO GRACIAS ESPERO PRONTA RESPUESTA

LEAVE A REPLY

Please enter your comment!
Please enter your name here