Evento Submit.click();

[mandibula120]

Hola, tengo un botón "hidden", que al que quiero hacer click en un determinado momento.

El código que pondré me funciona en google chrome, pero no en firefox o internet explorer. A ver si ustedes saben que está mal.

Código PHP:

<?php
            echo '<form action="upload.php" method="post" enctype="multipart/form-data"
                name="uploadImage" id="uploadImage">
                <p>
                    <input type="hidden" name="MAX_FILE_SIZE" 
                    value="<?php echo MAX_FILE_SIZE; ?>" />
                    <input type="file" name="image" id="image" onchange="document.uploadImage.upload.click()" />
                </p>
                <p>
                    <input type="submit" name="upload" id="upload" value="Upload" style="visibility:hidden" />
                </p>
            </form>';
        ?>
 

He puesto que cuando se cargue la imagen, se pulse el botón para enviar los datos, pero solo funciona con Google Chrome.

Gracias de antemano.

[IsaBelM]

prueba a usar submit en lugar de click

<input type="file" name="image" id="image" onchange="this.form.submit()" />

de este modo te evitas el botón submit

por otro lado te convendría validar el tipo de archivo, peso, etc antes de subirlo. aunque puede que lo estés haciendo en el servidor

[mandibula120]

Efectivamente esa era mi primera opción.

Veamos, a ver si puedo explicar lo que me ocurre. En un principio tenía el tipo file y el botón visibles, ya que es la primera vez que utilizo el type file. Lo validé con todo en un archivo php aparte y funcionaba correctamente en todos los navegadores.

Por motivos de diseño, me dijeron que tenía que quitar el botón, para que se viese mejor, así que lo quité y utilicé esa función que me comentas, para evitarme tener el botón. Pero por alguna razón que desconozco, ya no subía las imágenes, simplemente entraba en el archivo.php de validación pero no hacia nada, se quedaba la página en blanco.

Probé a poner varios "echo" en todas las condiciones que tenía y al principio de mi código para probar por donde estaba ejecutando, pero no mostraba nada. Así que se me ocurrió hacer el botón invisible y clickearlo en el evento onChange del input file.

He leído que hay otra forma mejor de subir archivos al servidor sin necesidad del input file, pero no he encontrado exactamente a lo que se referían.

[IsaBelM]

empezando por el final, no sé nada de eso

siguiendo con el tema, el uso de submit no incapacita la subida del archivo siempre y cuando javascript esté activado. para evitar la dependencia a javascript, usa la etiqueta <noscript>