Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Anteprima immagine all'evento onchange

    Ciao a tutti,
    premetto che ho già cercato l'argomento in tutti i forum possibili ma non sono stato in grado di trovarlo.
    Io vorrei visualizzare l'anteprima di un'immagine appena l'utente la seleziona nel campo input (utilizzando quindi l'evento onchange), inoltre non voglio ricaricare la pagina.
    Preciso che non voglio accedere all'immagine dal computer dell'utente poiché molti browser (tra cui firefox) non permettono questa possibilità per questioni di sicurezza. La mia scelta è quindi quella di caricare prima l'immagine in una cartella del server e salvare il nome dell'immagine nel database, in modo da accedere all'immagine e visualizzare l'anteprima.
    Ho scartato la soluzione ajax in quanto ho letto più volte che tramite ajax NON è possibile inviare file, sono arrivato alla conclusione che l'unica soluzione possibile è creare un iframe.
    Così ho fatto ma l'evento onchange deve per forza rimandarmi ad una funzione javascript, dalla quale non riesco a gestire i file.

    L'unica soluzione decente a cui sono arrivato è questa:


    <form action="carica.php" target="anteprima" method="post" enctype="multipart/form-data">
    <input type="file" name="user_file"/>
    <input type="submit" name="upload" value="carica">
    </form>

    <iframe name="anteprima" src="" width="100" height="100" scrolling="no" frameborder="0">
    </iframe>

    Così funzione ma solo perché ho inserito il pulsante "carica", il quale invia il file alla pagina carica.php e la visualizza nell'iframe.
    Come faccio ad utilizzare l'evento onchange e visualizzare l'anteprima appena l'utente cambia il campo input?

    Vi ringrazio

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    onchange="this.form.submit()"

    occhio che se cambio immagine 100 volte ti ho caricato 100 immagini sul server

  3. #3
    Grazie Xinod sei un grande! Funziona alla perfezione, non pensavo che la soluzione fosse così immediata...ehm dovrei approfondire un po' le mie conoscenze di 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 © 2026 vBulletin Solutions, Inc. All rights reserved.