Ne arayalım?

ARAMIZA KATILIN

BİZE ULAŞIN

Adres:

E-posta:

host/bin/bilisimlife.dll

iletisim@bilisimlife.net




 
Rserit
Developer
       
 1026  
 278

Input file nesnesinde seçili resimi preview yaptırmak - Form submit yapmadan önce preview işlemi

Selamlar,
Bir formu submit etmeden önce file nesnesinde seçtiğiniz resimi preview olarak göstermek için şöyle bir fonksiyon yazabilirsiniz:

function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#resim-dosyasi')
.attr('src', e.target.result)
.width(150)
.height(200);
};
reader.readAsDataURL(input.files[0]);
}
}

File input nesnesine ise onchange="readURL(this)" eklemeniz yeterli olacaktır.
Burada maharet FileReader'da bulunuyor. Base64 olarak bir resime source veriyor. Olay bu kadar :)

İyi çalışmalar,
Recep.

Developer.