php resim yükleme ve yeniden boyutlandirma

Html resim upload yüklemeden önce önizleme göstermek

Html Javascript / Jquery Yazılım

Resim yüklemeden önce seçilen resmin önizlemesini yaptırmak için aşağıdaki kodu kullanabilirsiniz ;

 

<input type=”file” accept=”image/*” onchange=”loadFile(event)”>
<img id=”onizleme”/ width=”200px”>
<script>
var loadFile = function(event) {
var onizleme = document.getElementById(‘onizleme’);
onizleme.src = URL.createObjectURL(event.target.files[0]);
};
</script>

Kısaca açıklayacak olursak ;

input alanımız herhangi bir değişime maruz kaldığında loadFile fonksiyonunu tetikleyecek. Bu fonksiyon onizleme id si ile çağrılan img src sine alınan dosyanın görüntüsünü gönderecek.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir