Asp.net Fileupload Seçilen Resimi Yüklemeden Gösterme

SanalData’yı Google’da tercih edilen kaynak olarak ekleyin

Merhabalar,

Asp.net fileupload’da seçilen resimi yükleme yapmadan önce göstermek isterseniz aşağıdaki kodları kullanabilirsiniz.

    <script src="//code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>
                <script type="text/javascript">
                    function ShowImagePreview(input) {
                        if (input.files && input.files[0]) {
                            var reader = new FileReader();
                            reader.onload = function (e) {
                                $('#<%=resim1_img.ClientID%>').prop('src', e.target.result)
                                    .width(240)
                                    .height(150);
                            };
                            reader.readAsDataURL(input.files[0]);
                        }
                    }
                </script> 

<asp:Image runat="server" ID="resim1_img" />
 <asp:FileUpload ID="resim1_up" onchange="ShowImagePreview(this);" runat="server" />

function ShowImagePreview(input) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function (e) {

$('#<%=resim1_img.ClientID%>').prop('src', e.target.result)

.width(240)

.height(150);

};

reader.readAsDataURL(input.files[0]);

}

</script>

<asp:Image runat="server" ID="resim1_img" />

<asp:FileUpload ID="resim1_up" onchange="ShowImagePreview(this);" runat="server" />

Yazar

Harun Kılıçlar

Kurucu / Teknoloji Editörü

Kurucu
SanalData editörü
Aktif köşe

Harun, yazılım geliştirme, web teknolojileri, mobil uygulamalar, veritabanı sistemleri ve yapay zekâ üzerine çalışan bir teknoloji editörüdür. SanalData’nın kurucusu olarak yazılım, yapay zekâ, mobil teknolojiler ve teknoloji sektöründeki gelişmeleri izler ve değerlendirir.