Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    433

    input type=file solo con bottone sfoglia

    ciao a tutti ..

    in una pagina ho un campo input type='file' con relativo bottone di sfoglia...

    io vorrei fare in modo che non sia possibile scrivere dentro il campo il percorso del file manualmente ma solo tramite il tasto sfoglia....

    cercando nel forum ho trovato l'opzione readonly="readonly" ma il problema è che mi blocca anche il tasto sfoglia...

    è possibile fare questa cosa ???
    Donerò loro dei fiori... poiché... sotto le nuvole... tutto è così rozzo e sporco

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Il javascript non ci puo' fare nulla... al limite puoi annullare lo spazio testo con il CSS:

    <input type=file style="width:0px;border:0px;">

    Ma come puoi notare il risultato fa pena...

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    prova a mettere

    <input type="file" name="FileUpload1" id="FileUpload1" onkeydown="this.blur();" />

    con IE7 e Firefox2 funziona, con Opera9 no
    Pietro

  4. #4
    Non ho fatto prove, ma potresti modificare il value e settarlo a "" al posto di usare blur().
    Sempre all'onkeydown.

    O, altrimenti, ci metti un div con posizione assoluta di sopra e buona notte

  5. #5
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    Originariamente inviato da Mega69
    Non ho fatto prove, ma potresti modificare il value e settarlo a "" al posto di usare blur().
    Sempre all'onkeydown.

    O, altrimenti, ci metti un div con posizione assoluta di sopra e buona notte
    il primo suggerimento non va mentre il secondo, quello della buona notte funziona bene

    ps. l'unica cosa, con firefox non mi funziona lo stile width

    <input name="FileUpload1" id="FileUpload1" onkeydown="this.blur();" style="width: 454px;" type="file"> :master:
    Pietro

  6. #6
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    433
    grazie ragazzi!!!!

    dalle prove che ho fatto mi è + che suff. la soluzione:

    <input type="file" name="FileUpload1" id="FileUpload1" onkeydown="this.blur();" />

    che mi consente solo di vedere il percorso ma non di modificarlo (se non tramite pulsante) ....

    ciao
    Donerò loro dei fiori... poiché... sotto le nuvole... tutto è così rozzo e sporco

  7. #7
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    254
    il post è un pò vecchio ma c'è un problema ricorrente:

    il metodo:
    onkeydown=this.blur();
    funziona bene se premo qualsiasi tastp tranne uno(non li ho povati proprio tutti): Backspace, ovvero il cancella.

    Tale tasto + il blur mi porta alla pagina precedente.

    ed il solito

    codice:
    if(window.event.keyCode=='8'){
      window.event.keyCode=0;
    		
    }
    sull'oggetto 'file' non funziona, mi dice accesso negato.
    Voi del forum sul file allegato mi sa che avete usato il metodo che ho scritto io perchè cancella tutto il path.

    Come fare?

  8. #8
    Utente di HTML.it L'avatar di carlomarx
    Registrato dal
    Oct 2009
    Messaggi
    1,669
    Questo non l'ho provato. Facci sapere&hellip;:

    codice:
    <!doctype html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Esempio</title>
    <script type="text/javascript">
    function updateLabel () {
    	document.querySelector("label[for=\"browseFile\"]").innerHTML = this.value;
    }
    </script>
    
    </head>
    <body>
    
    <form method="post" action="invia.php" name="tuoForm">
    	
    
    
    		File:
    		<input name="tuoFile" type="file" id="browseFile" onchange="updateLabel.call(this);" style="display:none;">
    		<label for="browseFile" style="cursor:pointer;">Scegli file</label>
    	</p>
    </form>
    
    </body>
    </html>
    Tutto ciò che fai con jQuery puoi farlo meglio e con la metà del codice in puro JavaScript.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.