ASP.Net Fileupload resmi sunucuya yüklemeden göstermek
Selamlar arkadaşlar,
Bu dersimizde ASP.Net projelerimizde resmi sunucuya yüklemeden nasıl sayfa üzerinde gösterebiliriz ona bakacağız.
Bu olayda mantık şu;
Resim ve browser bilgisayarımızda olduğundan javascript ile resimin yolunu alıp "img" nesnesi içerisinde göstermektir. Yani resmin yolunu bulup "img" içinde gösteriyor.
Görelim;
Sayfamıza bir adet Fileupload ve img nesnesi ekleyelim
Şimdi <Head> </Head> tagları arasına şu satırı ekleyelim.
Markup
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body> </body> arasına da gerekli kodlarımızı ekleyelim.
Markup
<img id="resim" alt="Seçtiğiniz resim burada görünecek " />
<asp:FileUpload ID="FUP_RESIM" ClientIDMode="Static" onchange="$('#resim')[0].src = window.URL.createObjectURL(this.files[0])" CssClass="form-control" runat="server" Width="100%" Height="35px" />
Evet arkadaşlar hepsi bu kadar. Artık sizde resmi sunucuya yüklemeden istediğiniz resmi sayfanızda gösterebilirsiniz.
Umarım faydalı olmuştur.
Sağlıcakla kalın.
0 Yorum: