Çözüldü Javascript ile dosyadan fotograf gosterme
- Konuyu başlatan CodeBot
- Başlangıç Tarihi
- Mesaj 2
- Görüntüleme 1.269
-
- Etiketler
- javascript
Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
Çö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:
CodePen:
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:
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- PHP Developer
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:
CodePen:
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:
