Forum
Aktif konular
Üyeler
Kurallar
Arama
Tahribat.com Forumları 
Html - CSS - XML - JavaScript - Ajax 
Resmi Yüklemeden Önce Önizleme Yapma [İstek] Resmi Yüklemeden Önce Önizleme Yapma [İstek]
-
js veya jquery ile
File nesnesi ile Sadece resimleri seçebilen bir pencere açtırmak ve seçtiğim resmi 100*100 boyutlarında göstermek istiyorum...
Örnekler buldum ama genelde açılan pencerede tüm dosya türleri seçilebilir oluyor...
-
malesef sadece resimleri gösterme gibi bir özellik yok var da her tarayıcı desteklemiyor. input file elemanına accept="image/*" ekleyebilirsin chrome firefox ve opera destekliyordu sanırım. En basit yolu dosyayı seçtirdikten sonra resim mi değil mi kontrol etmek ve uyarı verdirmek
seçtiğin resmi gösterme olayına gelince daha önce yaptığım projede şöyle bir şey kullanıyordum
bu hazır resimbas fonksiyonun
function resimBas(inputID,resimID){
var input=document.getElementById(inputID);
var fReader=new FileReader();
fReader.readAsDataURL(input.files[0]);
fReader.onloadend = function(event){
var img = document.getElementById(resimID);
img.src = event.target.result;
};
};
bunu kullanabilmek için de
file inputuna onchange attr ekliyorsun onchange="resimBas('upfile1','dosya1');" gibi
file inputuna id attr ekliyorsun id="upfile1" gibi
resmi göstereceğin yere <img id="dosya1" src="boşresim.png" width="100px" height="100px"> ekliyorsun
olay bitiyor.
pesimistzombie tarafından 11/Oca/15 04:07 tarihinde düzenlenmiştir -
html5 le yapabilirsin. teldeyim ama google yazarsan bir çok örnek çıkar.
html5 resim ön yükleme vs gibi anahtar kelime ile bulursun. html5 images upload,image resize vb yaklaşık şeylerden de görebilirsin
-
Teşekkürler...
pesimistzombi kod için sağol zaten bulduğum kodlardan biri bu gibi bişeydi..
Erdem html5 vs aratıyorum ancak çıkan sonuçlar hep benzer ve aynı şeyler. Tam olarak isteğimi karşılayan bişey bulamadım henüz....
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla