eclass.unmer.ac.id

@{
    ViewBag.Title = "Slayt";
    Layout = "~/Views/Shared/_LayoutPage1.cshtml";
}

</head>

<div class="card-header text-uppercase">Anasayfa Slayt<small>Bu sayfa site de anasayfa slayt bölümünde  yayınlanacak.</small></div>
            <div class="card-header">

<a href="/Settings/list/"><button data-placement="top" data-toggle="tooltip" title="Slayt liste" class="btn btn-primary btn-xs" style="font-size:x-small">Slayt Resim listesi</button></a>
            </div>

@using (Html.BeginForm("Slayt", "Settings", FormMethod.Post, new { enctype = "multipart/form-data" }))
                    {

<div class="form-group">
                            <label>Birinci Slayt Resmi</label>
                            <input type="file" name="İmg1" value="İmg1" id="Resim" class="form-control" multiple required />
                            <input type="hidden" name="Id" value="1" />
                            <br />
                            <br />
                            <br />
                            <div class="text-center" id="resimonizleme" style="display:none!important">
                                <h4 class="text-center">Resim Önizleme</h4>
                                <img class="text-center" id="SecilecResim" style="height:15rem!important" />
                            </div>
                        </div>
                        <br />
                        <br />
                        <br />

}

</div>

</div>
        </div>
    </div>
</div>

debugger
    $("#Resim").change(function () {
        ResimOku(this);

});
    debugger

function ResimOku(input) {
        debugger;
        //var height = 1800;

//// Gösterilecek maximum resim yüksekliği burada yazıyoruz

//var width = 548;

// Resmin orijinal genişliğini al

//var width = $(this).width();

//// Resmin orijinal yüksekliğini al

//var height = $(this).height();
        //if (width > WidthMax)

//$(this).css("width", WidthMax);

//    else

//$(this).css("height", HeightMax);
        if (input.files[0].width > 1800) //resim boyutunu kontrol ettik eğer seçilen resim 100 kb'tan büyük ise
        {
            alert("Resim Piksel 1800 * 548 Olmalıdır.  "); //uyarı mesajı verdik
            $("#Resim").val("");   //resim seçmek için eklediğimiz input'un içerisinde daha önceden seçilen resim var ise onu kaldırdık
            $("#SecilecResim").attr('src', ""); //img src içerisinde eski seçilen resmi kaldırdık.
            return;
        }
        if (input.files && input.files[0]) //eğer Dosya seçilmiş ise
        {
            var reader = new FileReader(); //seçilen Dosyayı Okul
            reader.onload = function (e) //seçilen Dosyayı img src içerisine ata
            {
                $("#resimonizleme").show();

$('#SecilecResim').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
</script>
<script type="text/javascript">

debugger
    $("#Resim1").change(function () {
        Resim(this);

});
    debugger

function Resim(input) {
        debugger;
        //if (input.files[0].size > 100000) //resim boyutunu kontrol ettik eğer seçilen resim 100 kb'tan büyük ise
        //{
        //    alert("40Kb üzerinden resim yüklenmez"); //uyarı mesajı verdik
        //    $("#Resim").val("");   //resim seçmek için eklediğimiz input'un içerisinde daha önceden seçilen resim var ise onu kaldırdık
        //    $("#SecilecResim").attr('src', ""); //img src içerisinde eski seçilen resmi kaldırdık.
        //    return;
        //}
        if (input.files && input.files[0]) //eğer Dosya seçilmiş ise
        {
            var reader = new FileReader(); //seçilen Dosyayı Okul
            reader.onload = function (e) //seçilen Dosyayı img src içerisine ata
            {
                $("#resimonizleme1").show();

$('#SecilecResim1').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
</script>