[JavaScript][PostgreSQL][PHP]Upload plików na serwer Opcje

[merid]

Witam,

Chciałbym zrobić coś takiego, że użytkownik wybiera zdjęcie do wgrania na serwer. Gdyby to było jedno zdjęcie to problem rozwiązany, ale jak chce, żeby sobie mógł dodawać kilka i nie naraz tylko np. z jakimiś intervalami czasowymi. Do tego ma pokazywać podgląd dodanych zdjęć, a następnie wgrać na serwer. Z jeszcze extra dodatków chce dodać drag & drop, ale narazie największym problemem jest wgrywaniu kilku plików naraz. Może ktoś coś doradzi, poprawi lub nakieruje na coś.
Poniżej kod jaki wyrzeźbiłem.

[HTML] pobierz, plaintext 
<form action="upload.php" method="POST" id="upload-widget" enctype="multipart/form-data" >
	<input class="photo" id='files' name="files[]" type="file"  accept="image/x-png,image/gif,image/jpeg" multiple>
 
	<input type="submit" value="Wyślij"/>
</form>
function photo(){
	$(".photo").off('change');
	$(".photo").change(function(e){
		var reader = new FileReader();
		reader.onload = function(e){
			// $('#result').attr('src', e.target.result);
			image = $('<img name="zdjecie" class="zdjecia"></img>');
			image.attr('src', e.target.result);
			input = $('<input class="photo" name="photo'+i+'" type="file"  accept="image/x-png,image/gif,image/jpeg">');
			$("#zdjecia").append(image);//.append(input);
			};
		reader.readAsDataURL($(this)[0].files[0]);
	});
};
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
<?
	session_start();
	print_r($_POST);
	print_r($_FILES);
	$target_dir = "uploads/";
	$target_file = $target_dir . basename($_FILES["photo"]["name"]);
 
	if (move_uploaded_file($_FILES["photo"]["tmp_name"], $target_file)) {
		$output = array('upoaded' => 'OK' );
    } else {
		$output = array('upoaded' => 'ERROR' );
    }
?>
[PHP] pobierz, plaintext 

[viking]

http://www.dropzonejs.com/

[merid]

Rozumiem, że albo ta biblioteka albo nic