asp:image

[mandru]

Ciao a tutti

ho un broblema:
devo visualizzare in una pagina aspx un'immagine, selezionata tramite una finestra di dialogo file upload, che quindi risiede sul pc client.

se utilizzo il tag html <img> questo è possibile, ma non posso scatenare eventi al click.
Con un con un oggetto lato server <asp:image> è possibile???

Grazie.

[pietro09]

Originariamente inviato da mandru
Ciao a tutti

ho un broblema:
devo visualizzare in una pagina aspx un'immagine, selezionata tramite una finestra di dialogo file upload, che quindi risiede sul pc client.

se utilizzo il tag html <img> questo è possibile, ma non posso scatenare eventi al click.
Con un con un oggetto lato server <asp:image> è possibile???

Grazie.

:master: Non credo che sia possibile (almeno credo) con IE7 e Firefox2, nè con l'oggetto <img, nè con l'oggetto <asp:image, che poi è la stessa cosa

[sosan1]

prova cosi:

inserisci nella pag una funzione javascript

function seleziona(){
document.getElementById("imgAnteprima").src= document.getElementById("FileUpload1").value

}


nella pagina avrai un tag img e il controllo file upload


[img]pippo.jpg[/img]

<input type="file" name="FileUpload1" id="FileUpload1" onchange="javascript:seleziona();" style="width:424px;" />

quindi ogni volta che selezioni un file dal controllo fileUpload vedrai l'anteprima nel tag img, questo prima di effettuare l'upload dell'immagine su server naturalmente.

[mandru]

Grazie per il consiglio,

speravo si potese usare <asp:image> (lato server) in modo da poter cambiare l'url tramite la proprietà imageurl ed inoltre poter fruttare l'evento onClick (usando un ButtonImage).

Cmq provo a seguire i tuoi consigli.
Altrimenti cosa ne pensi circa l'utilizzo di una label (lato server) con label.Text="<img.url="".....>, ed aggiornare il testo della label (in modo da cambiare l'immagine da visualizzare) ogni volta che si seleziona un file da uploadare???

Grazie per l'interesse, ciaoooo.

[djciko]

per effettuare il click per fare il round-trip sul server, prova cosi, io ho appena provato e funziona.

Nell'aspx:

    <input type=image src="percorso_fileupload_tramite_js" runat=server id="immagine">

nel code-behind:

      Protected WithEvents immagine As System.Web.UI.HtmlControls.HtmlInputImage
 
      Private Sub immagine_ServerClick(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles immagine.ServerClick
        ' fai qualche altra cosa
      End Sub

cmq anche la tua soluzione con la Label dovrebbe andare.

[Max Mercury]

ciko che sarebbe questo?
Protected WithEvents immagine As System.Web.UI.HtmlControls.HtmlInputImage

[djciko]

è la dichiarazione della classe a cui appartiene il tag, nel code behind.
Le classi che iniziano con Html-etc sono la controparte lato server dei classici tag html (<img>, <input>, etc)...Credo che siano state implementate da MS per permettere una gestione che dia i vantaggi di entrambe le 'side' (client e server) ...