jQueryUploadによる画像アップロードサンプル。
ドキュメント

---

---

JavaScript

			
			//ファイルアップロードされたときのイベント。
			$(function() {
				$('#medaka').change(function() {
					//☆非同期通信で画像ファイルをアップロードする。
					$(this).upload('upload.php', function(res) {
						//▽以下はファイルアップロードに成功したときの処理。
						alert(res);
						$("#kaeru").attr("src",res);//imgエレメントのsrc属性に画像URLをセット。
					}, 'html');
				});
			});
			

html

			
			<input type="file" name="upload_file" id="medaka">
			<img id="kaeru" src="" />
			

upload.php

			
			<?php
			    move_uploaded_file($_FILES["upload_file"]["tmp_name"], "img/" . $_FILES["upload_file"]["name"]);//画像を保存。
			    echo "img/" .$_FILES["upload_file"]["name"];//保存先のURLを出力。
			?>