Campo HTML input file con jQuery

Gian72Luca

Nuovo Utente
20 Mar 2019
4
0
1
Buona sera, avrei la necessità di "abbellire" il tasto selezione file di default di html.

Ho trovato una soluzione funzionale ma poco elegante utilizzando semplicemente il CSS, poichè difficilmente gestibile su diversi formati di visualizzazione.

Ho cercato altre soluzione e ne ho trovata una, proprio su questo sito, interessante e all'apparenza semplice, ma nella realtà non così semplice.
La soluzione prevede l'utilizzo di jQuery e CSS

Premetto che non so nulla di jQuery e da qui nascono i miei problemi.

Il codice è il seguente.

html / JQuery

HTML:
<body>
    <div>
        <form enctype="multipart/form-data" action="update_power_exp.php?typeimport=gsm-u900" method"=post">
            <input type="file" id="upload" />
             <input type="button" value="Seleziona file" id="btn"/>
             <button class="button" id="update" type="submit">Carica</button>
         </form>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>   
        $('#btn').click(function(){
            $('#upload').click();
         });   
    </script>
</body>

CSS:

HTML:
input#upload {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}

Il mio problema è semplice, non funziona.

Ho i due tasti, "Seleziona file" e "Carica", se clicco sul primo non succede nulla e se clicco sul secondo mi invia nella sezione upload il nulla.

Sicuramente il problema risiede nella parte a me oscura di jQuery, qualcuno potrebbe darmi un mano?

Grazie
 
Discussioni simili
Autore Titolo Forum Risposte Data
booklisa [HTML] Formattazione campo input su chrome HTML e CSS 9
G [HTML] Larghezza e Altezza campo HTML e CSS 4
ecosito Mailchimp: copiare l'email inserita nel form html nel primo campo del form di Mailchimp HTML e CSS 4
L come passare il campo allegato dal file html al fiel php per spedirlo con un form PHP 12
I Riga tabella HTML creata con cicli PHP e Query Sql che restituisca un campo se si clicca la Riga PHP 4
D Visualizzazione pagina basata sul valore di un campo del database PHP 0
A pulsante di update campo mysql con javascript Javascript 2
M Creare un campo input select quantità di un numero intero prelevato dal db PHP 3
D riempire campo inserendo un valore in un altro campo PHP 2
S riflettere valore di campo input range in live Javascript 0
P Ricerca campo data PHP 1
M Aggiornare stesso campo in due tabelle PHP 0
U Campo vuoto data errore Fatal error: PHP 2
Alex_70 Aggiornare campo da un altro campo PHP 16
F Steps campo input field Javascript 1
N Chiave Primaria in Campo Calcolato Windows e Software 1
I Focus su un campo Javascript 9
Alex_70 Nascondere label tab se campo vuoto PHP 2
G Impostare suggerimenti campo text di un form Javascript 2
Shyson Inserire placeholder nel campo cerca PHP 5
B Campo ricerca domini HTML e CSS 4
D verifica codice fiscale persona fisica /aziendale stesso campo HTML e CSS 1
G Campo Not null a condizione MySQL 8
M [PHP] Compilare automaticamente il campo data PHP 5
M [PHP] Problemi di salvataggio su campo calcolato PHP 0
M [PHP] Salvare campo di una tabella in una variabile PHP 14
M [MySQL] CREARE UN LINK SU UN DETERMINATO CAMPO DI UNA TABELLA RISULTATO DI UNA QUERY SQL MySQL 3
D [ASP] Leggere Campo decimal MYSQL Classic ASP 1
S [ASP] SALVARE VALORE SELECT OPTION SU CAMPO TABELLA ACCESS Classic ASP 9
M [PHP] Drop down in campo select PHP 1
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
elpirata [RISOLTO][Mysql] Contare le occorrenze in un campo tipo varchar MySQL 2
elpirata [MYSQL] Schedulare evento per update del campo data su tabella MySQL 0
D [MS Access] problemi con inserimento campo in una maschera MS Access 6
Arcadia [MS Access] Focus su campo specifico MS Access 1
A [MS Access] Pulsante per inserire allegati in campo maschera MS Access 0
L [Javascript] Drag and drop. Aggiornamento Campo Javascript 2
A [MySQL] Ottenere più risultati in un unico campo MySQL 7
A [MS Access] Somma Campi se in altro campo presente un determinato testo MS Access 1
Monital [PHP]Far riconoscere stringa o numerico epr creazione campo tabella PHP 6
Monital Funzione php e campo database come variabile PHP 6
C [PHP] Creare un Pulsante che ricopia valori di un campo in altro record PHP 4
G [Javascript] Campo a comparsa di select Javascript 0
A [Javascript] Somma di un campo in una tabella dinamica Javascript 0
L [PHP] case then e campo non riconosciuto PHP 0
A [PHP] Modificare campo database in base alla scelta dell'utente PHP 2
C [PHP] Estrapolare solo l'anno da una data di nascita inserita in un campo PHP 8
Store creazione campo search in php PHP 1
A [MySQL] riordinare campo criptato MySQL 1
M [PHP] valore tabella in campo form PHP 1

Discussioni simili