Trasformare un input file in un immagine (aspx + js)
December 21, 2011
A volte può capitare di dover trasformare un semplice input file ( il classico sfoglia – browse - che serve per selezionare e caricare un file dal proprio computer) in un’immagine.
Ecco una soluzione veloce quando lavoriamo su aspx, considerato che ad esempio niceforms o altre librerie javascript non funzionano con lo script :
1 | <asp:FileUpload ID="nomeid" runat="server" tabindex="1" /> |
La soluzione adottata potrebbe essere velocemente questa:
- Innanzitutto richiamare jquery nella propria masterpage
1
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
- poi con inserire questo script:
5 6 7 8 9
<script type="text/javascript"> $("#upload").click(function () { $("#<%=nomeid.ClientID %>").click(); }); </script>
- e infine il nostro codice dell’ inputfile
2 3
<div id="upload" class="button"></div> <div style="display:none;"><asp:FileUpload ID="nomeid" runat="server" tabindex="1"/></div>
