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

    Aiuto! Form e immagini da allegare

    ...sto cercando aiuto per finire un form che ho creato in HTML, nel quale l'utente può scegliere un file immagine -in locale- col pulsante "Cerca", quindi il percorso del file viene visualizzato nell'apposito campo..ma vorrei che l'utente stesso possa vedere in anteprima, nello stesso form, l'immagine che è stata caricata e poi confermare o meno l'invio del form. Forse devo inserire un codice che non conosco?!
    Sperando di aver ben spiegato ciò che mi occorre, ringrazio comunque.
    Saluti
    Pasquale

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    <input type="file" ... onchange="document.getElementById('myImg').src=thi s.value;">

    ...

    [img][/img]

    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

    Form..da perfezionare

    ..ti ringrazio per tua risposta, che mi è stata di grande aiuto..ma nonostante il codice javascript che mi hai mandato, non riesco a far visualizzare l'immagine in anteprima (riesce solo col tasto destro..sic! ). Sicuramente la mancanza è mia..forse devo inizializzare il codice javascript o chissà cosa; per cui vorrei chiederti la grande cortesia di sistemare questo "input-visualizza", ed a tale scopo ti allego il frammento del form Html in oggetto.
    Saluti
    Pasquale
    ********** codice HTML del Form da correggere ******

    <html>

    <head>

    <title>Prova Form</title>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="description" content="Fireworks Image Map">

    <!-- Fireworks 2.0 FrontPage target.
    Created Sat Dec 11 16:34:32 GMT+0100 (ora solare Europa occ.) 2004 -->



    </head>

    <body bgcolor="#ffffff">

    <p align="center">

    <form action="--WEBBOT-SELF--" method="POST" onSubmit="">
    <!--webbot bot="SaveResults" startspan U-File="_annunci_utenti.txt"
    S-Format="TEXT/TSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE"

    B-Email-Label-Fields="TRUE" B-Email-Subject-From-Field="FALSE"
    S-Email-Subject="VENDITE"
    S-Builtin-Fields="REMOTE_NAME REMOTE_USER HTTP_USER_AGENT"
    U-Confirmation-Url="conferma_invio_annuncio.htm" -->[Componente di FrontPage Salva risultati]<!--webbot
    bot="SaveResults" endspan -->


    <map name="venditemp">

    </map>



    <dl>
    <dd>
    <div align="left">
    <table border="0" width="197" height="1" bordercolor="#FFCE6D" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">
    <tr>
    <td width="305" height="38" valign="top" bgcolor="#FFCA69">


    <font face="Tahoma" size="2">Testo dell'annuncio (descrizione):

    Text (description):
    <textarea name="Commenti" rows="5" cols="45"></textarea></font></p>
    </td>
    </tr>
    <tr>
    <td width="305" height="38" valign="top" bgcolor="#FFCA69">


    <font face="Tahoma" size="2">Aggiungi foto

    Add image


    </font>



    <input type="file" rows="1" size="60" onchange="document.getElementById('myImg').src=thi s.value;">

    [img][/img]




    </p>
    </td>
    </tr>
    </table>
    </div>
    </dd>
    </dl>
    <p align="center">

    <p align="center">

    <input type="submit" value="Invia - Submit">
    <input type="reset" value="Cancella - Reset"></p>
    </form>

    </body>

    </html>

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.