SurucLu adlı üyeden alıntı: mesajı görüntüle
@jebias,
Hocam şahanesin.. herşey çok güzel ama yine 2 sorum olacak :/

1. Resim ön izlenirken gercek boyutlarıyla sayfaya basılıyor.. (Kurcaladım ama yapamadım)
2. Farklı bir dosyaya resim uzantısı atıp yediremezler buda değil mi ? 
<!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.width = 500;
						img.height = 250; // kesin bir boyut istemiyorsan sadece width ver hocam burayı sil yoksa orantısız olur.
						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>
hocam kesinlikle güvenme client side'a, hiç olmadı cURL ile sahte post yaparlar gene geçerler tarayıcı tarafındaki güvenliği, mutlaka server tarafında kontrol et.