Pulsante inserimento immagine

**betto** · 23-11-2011, 12:45

Ciao a Tutti,

ho un grosso problema e non so da dove incominciare per risolverlo.

Ho la seguente tabella nella mia pagina:

<table>

<tr><td><button onClick="">Inserisci il file di Statistica ...</button></td></tr>
<tr><td>Commenti vari</td></tr>
<tr><td> VORREI INSERIRE QUI LA MIA IMMAGINE </td></tr>

</table>

Nella prima <tr> compare il pulsante button, al cui click, mi piacerebbe si aprisse la finestra di esplora risorse in cui uno seleziona l' immagine di input. E' l' equivalente del tag <input type="file" name="img"> solo che con tale tag non riesco a "personalizzare" la scritta "Sfoglia ..." che non voglio in quanto devo mettere una scritta diversa.

Una volta selezionata l' immagine di input vorrei che essa apparisse in corrispondenza della terza <tr> della tabella, come sopra riportato.

come fare ???

Grazie mille in anticipo !!!!!

**cavicchiandrea** · 23-11-2011, 12:52

http://css.flepstudio.org/css-tutori...type-file.html

**betto** · 23-11-2011, 17:46

Andrea, Grazie come al solito !!

Ho visto il link, cmq sono dubbioso perche' volevo che con il solo button si inserisse un' immagine scelta da finestra di esplora risorse nella terza tr della tabella;

se cio' non fosse possibile usando html e javascript, allora accetto di usare <input type="file" name="file"> con a fianco <input type="image" name="img" id="img" onClick="this.form.submit();" src="../images/plus.jpg" >

pero' non so come richiamare l' immagine scelta nella terza riga <tr> della tabella ...

**carlomarx** · 23-11-2011, 21:19

Originariamente inviato da betto
pero' non so come richiamare l' immagine scelta nella terza riga <tr> della tabella ...

https://developer.mozilla.org/en/DOM...sDataURL%28%29

Calcola che non hai speranze che ti possa funzionare su IE.

**cavicchiandrea** · 23-11-2011, 21:35

@betto visto che parlavi di input-file pensavo volessi eseguire un upload d'immagini, invece vuoi un'anteprima, in questo caso segui il consiglio di Carlo

**betto** · 24-11-2011, 10:47

vorrei fare un qualcosa di simile,

uso per forza IE6,

non c' e' un qualcosa di alternativo per fare cio' ??

Anche se si deve seguire un' altra strada piu' tortuosa quello che conta e' arrivare al risultato...

**cavicchiandrea** · 24-11-2011, 11:39

Originariamente inviato da betto
vorrei fare un qualcosa di simile,

A cosa? Io non sono riuscito a capire se devi fare un upload o un'anteprima!!!

uso per forza IE6,

Solo ed esclusivamente legato a quel browser? Pertanto se in un intranet? Attenzione ti ricordo che è un browser non più supportato da microsoft creare qualcosa di proprietario è fortemente sconsigliato

non c' e' un qualcosa di alternativo per fare cio' ??

Anche se si deve seguire un' altra strada piu' tortuosa quello che conta e' arrivare al risultato...

**betto** · 24-11-2011, 11:46

Rifacciamo da capo:

ho la mia tabella:
<head>
<script>
function add_pic() {
document.forms[0].pic.value == codice per inserire un' immagine scelta da esplora risorse
}
</script>
</head>

<body>
<form method="POST" name="FrontPage_Form1">
...
<table>
<tr><td><button onClick="add_pic()">Inserisci il file di Statistica</button></td></tr>
<tr><td>Commenti vari</td></tr>
<tr><td id="pic" name="pic"> VORREI INSERIRE QUI LA MIA IMMAGINE</td></tr>
</table>
...
</body>

Vorrei fare una cosa simile,
schiacciando il button,
mi si apre una finestra di esplora risorse in cui uno sceglie l' immagine,
che poi "magicamente" appare nella terza riga della table

**cavicchiandrea** · 24-11-2011, 12:53

Originariamente inviato da betto
...

Vorrei fare una cosa simile,
schiacciando il button,
mi si apre una finestra di esplora risorse in cui uno sceglie l' immagine,
che poi "magicamente" appare nella terza riga della table

Probabilmente è un problema mio, ma fatico a capirti, comunque non credo sia possibile in IE (fare un alteprima) sopratutto con browser vecchi, io se fossi in te aprirei una popup che contiene un form per eseguirei l'upload classico lato server alla chiusura della popup recuperi il percorso dell'immagine sul server per inserire la stessa nella riga specifica.

Discussione: Pulsante inserimento immagine

Strumenti discussione

Ricerca discussione

Visualizza

Pulsante inserimento immagine

Permessi di invio