SurucLu adlı üyeden alıntı: mesajı görüntüle
@jebias
Verdiğin kod şu güzel. tüm tarayıcılarda sorunsuz çalışıyor değil mi ?
Bu kodlara 2 şey eklemeni istesem yardımıc olabilirmisin acaba..

Dosya uygun degilse inputtu boşaltsın
bide resim yuklenirken loader.gif çıksın..
tarayıcı desteğine burdan bakabilirsin.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>FileReader API</title>
</head>
<body>
	
	<h1>FileReader API</h1>
	<div>
		Resim seç: <input type="file" id="resim">
	</div>

	<img src="http://ajaxload.info/images/exemples/5.gif" id="loading" style="display:none">

	<div id="resimOnizleme"></div>

	<script>
		window.onload = function() {
			var resim = document.getElementById("resim");
			var loading = document.getElementById("loading");
			var resimOnizleme = document.getElementById("resimOnizleme");

			resim.addEventListener('change', function(e) {
				loading.style.display = "block";
				var file = resim.files[0];

				if (file.type.match(/image.*/) && file.size < 200000) {
					var reader = new FileReader();
					reader.readAsDataURL(file);	

					reader.onload = function(e) {
						resimOnizleme.innerHTML = "";

						var img = new Image();
						img.src = reader.result;

						resimOnizleme.appendChild(img);
						loading.style.display = "none";
					}

				} else {
					resim.value = "";
					loading.style.display = "none";
					resimOnizleme.innerHTML = "Dosya boyutu veya uzantısı uygun değil."
				}
			});

		}

	</script>
</body>
</html>