Kodcu Murat Youtube Kanalına Abone Olmayı Unutma

Javascript İle Kullanıcı Tarafından Seçilen Görseli Sayfada Gösterme

Bu makalemizde html’de belkide dosya paylaşımı için sıkça kullanmış olduğumuz input-file nesnesinden seçtiğimiz görselim sayfada nasıl gösterilebileceğine dair javascript koduna makale devamında gözatabilirsiniz.

Javascript ile kullanıcı tarafından seçilen görseli sayfada gösterme

Bu yapacağımız işlem ile ilgili hazırda bir sürü javascript kütüphanesi bulunmaktadır. İsterseniz onlardan birinide kullanabilrsiniz ve parametrik olması dolayısıyla işinizi daha kısa sürede giderebilirsiniz ama ihtiyacınıza göre geliştirme yapmak isterseniz alttaki koda uygun olarak ekleme ve çıkartmaları yaparak ve birazda css giydirerek istediğiniz şekilde kullanabilirsiniz.

Kod içerisinde kullanılan ve neredeyse tüm tarayıcılar tarafından desteklenen File API ve dosya okuma işini gören FileReader yapısına gözatabilirsiniz.

Örnek

  • Tarayıcı Desteği

  • IE 10
  • Safari 6.0.2
  • Chrome 7
  • Firefox 3.6
  • Opera 12.02
5/5 - (1 vote)