0

files que quiero llenar con otro array es decir que los arreglos que tenga el otro array se introduzcan a This.file este es mi codigo

let imagenes = [];
    

    $(document).on("change", "#add-new-photo", function () {

        
        console.log(this.files);
        const files = this.files;
        var element;
        var contenedor;
        var supportedImages = ["image/jpeg", "image/png", "image/gif"];
        var seEncontraronElementoNoValidos = false;
         
       
        for (var i = 0; i < files.length; i++) {
            element = files[i];
            
            if (supportedImages.indexOf(element.type) != -1) {
                createPreview(element);
            }
            else {
                seEncontraronElementoNoValidos = true;
            }
        }

         
           
           for (var x = 0; x < files.length; x++) {//se recorre el for
              contenedor = files[x];//se guarda el array
              console.log(contenedor);
              imagenes.push(contenedor);//se insertan los arrays
             }
             
             console.log(imagenes);
             this.value='';
             this.file.replace(imagenes);
             console.log(files);

        });

El array imagenes es el array que quiero meter dentro de This.files ¿como puedo hacer eso? ya e probado con .push o this.files=imagenes; pero no me sirve de nada tambien use la funcion .splice dice que this.files no una funcion

8
  • No puedes modificar la propiedad "files" de un input type=file desde javascript. Commented el 6 jun. 2021 a las 17:05
  • ¿y con cual lenguaje lo puedo hacer con ajax o jquery?
    – Real Web
    Commented el 6 jun. 2021 a las 23:47
  • Ajax o jQuery a las finales son javascript y tengo entendido que los navegadores no permiten que puedas desde javascript tener acceso al disco local. Si entiendo bien que eso es lo que quieres agregarles al input files archivos que no fueron seleccionados por el mismo input. Commented el 7 jun. 2021 a las 0:09
  • No es que no fueron seleccionado por el input, si no que con cada click que se hace en el input se borra lo que avías seleccionado por ejemplo si seleccionas tres imágenes y luego haces click otra ves y seleccionas otra imagen las otras tres serán borradas y solo quedara la ultima imagen por eso esta el array imagenes porque hay guardo todas la imagenes seleccionadas para luego insertarlas en el input files pero no se como
    – Real Web
    Commented el 7 jun. 2021 a las 0:23
  • Quieres ir añadiendo lo que van seleccionando, entonces, en el evento change los envías inmediatamente al servidor y mantienes la lista de lo que ya cargaste y así sucesivamente a medida que carguen las imágenes. Es más las puedes visualizar al finalizar el Ajax de carga. Ahora la verdad es que no si puedes mantener un array de files y luego ir enviando por grupos. Commented el 7 jun. 2021 a las 1:24

2 respuestas 2

1

Intenta usando spread operator

const arregloNuevo = [...arregloOriginal];

No necesitas meter el arreglo nuevo en un ciclo. Saludos

1

No se mucho de Jquery pero ¿intestaste usando setAtribute? Creo que en este caso quedaria

$(documento).setAtribute('file' , imagen)

Donde imagen que es un array debería pasar a un string del estilo "imagen1.jpg , imagen2.webp , etc.."

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.