Buenas Tardes, he editado esta pergunta pues he buscado en google tanto ne español como en ingles y no he encontrado algo realmente como lo que quiero hacer. Querio hacer algo sencillo, que cuando de clic en un link(a) se abra un modal de insertar que me permita seleccionar varias imagenes a la vez y que cuando le de lcic a guarda las suba todas a una direccion en especifico.
Si me pudieran guiar en como hacerlo pues no he encontrado la via adecuada que me haga esto.
Saludos Dairon.
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
Como subir varias imágenes en CodeIgniter
- preguntó
- Web
- 2440 Vistas
- 1 Respuestas
- abierta
1 Respuesta
Hola @dairon, aca te dejo una clase simple que hize, no usa ningun framework pero necesita de ecmascript 5 y no funciona en IE menor a 10.
https://gist.github.com/ksprwhite/a720bcf74dbd55ec3ab8#file-fileuploader-class
para utilizar esta clase, la sintaxis es:
var uploader = new FileUploader(
String selector,
Object opciones)
selector: un selector html como puede ser input.fotos
o #fotos
opciones: opciones para la funcion:
wrapperStyle
: clase para el div que contiene el boton de seleccionar archivos | default:null
url
: url a donde enviar la peticion ajax, en caso de queselector
este dentro de un<form>
se toma el atributoaction
si esta definido. | default:empty string
chooseText
: el texto del boton que selecciona archivos | default:"Seleccionar archivos"
Uploader()
regresa un objeto que contiene las propiedades upload()
, on()
, element
y reset()
upload
: cuando se llama se procede a subir los ficheros.
NOTA: en caso de queselector
este en un<form>
cuando este haga submit se subiran los archivos.on (
Stringcallback,
functionhandler )
controla un evento,
eventos disponibles:success
,error
,complete
,progress
ychoose
.reset()
resetea el campo file y los demas campos
ejemplo:
var uploader = new FileUploader('#fotos', {})
.on('progress', function (progress)
{
console.log('progreso: ', progress');
})
.on('error', function ()
{
console.log('error al subir archivos.');
})
.on('success', function ()
{
alert('archivos subidos exitosamente');
});
<form method="POST" action="upload.php">
<input type="file" name="fotos[]" id="fotos">
<input type="submit" value="guardar">
</form>
Compatibilidad
Necesita caracteristicas de ecmascript 5 y html 5
formData
xhr 2
Array.forEach
Array.indexOf
Object.keys
- atributo
multiple
para input type file (html 5)
espero te sea de ayuda para seguir aprendiendo javascript.
saludos!
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 406873
- 1
- Jul 5, 2015
Sin Respuesta
-
- 99
- 0
- Mar 19
-
- 65
- 1
- Feb 26
-
- 155
- 0
- Ene 30
-
- 612
- 0
- Nov 7, 2023
-
- 260
- 0
- Sep 19, 2023
-
- 286
- 0
- Ago 21, 2023
-
- 365
- 0
- May 14, 2023
-
- 324
- 0
- Abr 21, 2023
- ver todas
Actividad Reciente
Santiago2610 comentó hace 6 días
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scrapingParkJo preguntó Ene 30
No me deja instalar Oracleelporfirio respondió Ene 10
Actualizar la imagen con los datos devuelto en un …ovedg preguntó Dic 31, 2023
Actualizar la imagen con los datos devuelto en un …Ehdez preguntó Nov 7, 2023
Necesito en wordpress un pluging que me calcule la…pedrourday preguntó Sep 19, 2023
Alternativas a ThreeJS y BabylonJS?pedrourday preguntó Ago 21, 2023
¿Que tecnologias y lenguajes me recomiendan?Fabio respondió Jul 11, 2023
plugin de efecto circular 3d en imagenes
Ultimas Preguntas
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150460 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos