ASP.Net Fileupload resmi sunucuya yüklemeden göstermek

ASP.Net Fileupload resmi sunucuya yüklemeden göstermek

ASP.Net Fileupload resmi sunucuya yüklemeden nasıl göstereceğimize bir bakalım

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.

<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.

<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. Hayırlı kodlarınız olsun  

 

Mustafa BÜKÜLMEZ
Web sitesi, ERP, MRP, CRM ve kişiye özel uygulamalar hazırlanır. -- Deneyip çalıştığını onaylamadan çok nadir ders eklerim. Denemediklerim ise eski makalelerimdendir. Hem bildiklerimi paylaşmak hemde her seferinde aramamak için yayınlıyorum. -- *Bilgi paylaştıkça çoğalır. *Bir mum diğer mumu yakmakla ışığından bir şey kaybetmez. Aksine Daha çok ışık yayar. -- 1992 İstanbul doğumluyum. Kahramanmaraş'ta yaşıyorum. Lise: Ağ sistemleri ve Yönetimi, Üniversite: Bilgisayar Programcılığı.. -- 07.2014 tarihinden beri bir firmada Bilgi İşlem Müdürü olarak çalışmaktayım. -- Kişisel Bloğum : https://csharpiledundenbugune.blogspot.com.tr/
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git