Çözüldü Javascript ile dosyadan fotograf gosterme

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

CodeBot

Femtopat
Katılım
7 Şubat 2023
Mesajlar
90
Daha fazla  
Cinsiyet
Erkek
<input type="file"> ile resim dosyasına tıkladıgımızda web sayfada resimi gosterme nasıl yapılı?
 
Son düzenleyen: Moderatör:
Çözüm
Tabii bu yüklenecek fotoğrafın tam halini gösterecektir. İstersen img etiketine genişlik ve yükseklik ekleyerek daha küçük görünmesini sağlayabilirsin.

Görsel:


Kod:
HTML:
<input type="file" accept="image/*" onchange="fotoGoster(event)"><br>
<img id="cikti"/>
<script>
    var fotoGoster = function(q) {
    var cikti = document.getElementById('cikti');
    cikti.src = URL.createObjectURL(event.target.files[0]);
    cikti.onload = function() {
      URL.revokeObjectURL(cikti.src) // free memory
    }
  };
</script>

CodePen:
Tabii bu yüklenecek fotoğrafın tam halini gösterecektir. İstersen img etiketine genişlik ve yükseklik ekleyerek daha küçük görünmesini sağlayabilirsin.

Görsel:


Kod:
HTML:
<input type="file" accept="image/*" onchange="fotoGoster(event)"><br>
<img id="cikti"/>
<script>
    var fotoGoster = function(q) {
    var cikti = document.getElementById('cikti');
    cikti.src = URL.createObjectURL(event.target.files[0]);
    cikti.onload = function() {
      URL.revokeObjectURL(cikti.src) // free memory
    }
  };
</script>

CodePen:
 
Çözüm
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…