Jak w temacie wywala mi error #4 (UPLOAD_ERR_NO_FILE – Value: 4; No file was uploaded) - to akurat wiem, szkoda, że nigdzie nie mogę znaleźć DLACZEGO? kiedy sprawdzam plik, wychodzi mi:

[XML] pobierz, plaintext 
Array ( [name] => [type] => [tmp_name] => [error] => 4 [size] => 0 ) Array ( [name] => [type] => [tmp_name] => [error] => 4 [size] => 0 ) Array ( [name] => [type] => [tmp_name] => [error] => 4 [size] => 0 )
[XML] pobierz, plaintext 

wyglada to tak:

[PHP] pobierz, plaintext 
// Dodajemy pliki
			$maxSize = 2048*1024; // 2 MB
			if (is_uploaded_file($_FILES['photoFront']['tmp_name']) && $_FILES['photoFront']['size'] <= $maxSize)
			{
				$tempFile = $_FILES['photoFront']['tmp_name'];
 				$targetFile =  './db/users/'.$logUser['id'].'/'.$_FILES['photoFront']['name'];
 				move_uploaded_file($tempFile, $targetFile);
 
 				$newPomiar['photoFront'] = $_FILES['photoFront']['name'];
			}
			if (is_uploaded_file($_FILES['photoSide']['tmp_name']) && $_FILES['photoSide']['size'] <= $maxSize)
			{
				$tempFile = $_FILES['photoSide']['tmp_name'];
 				$targetFile =  './db/users/'.$logUser['id'].'/'.$_FILES['photoSide']['name'];
 				move_uploaded_file($tempFile, $targetFile);
 
 				$newPomiar['photoSide'] = $_FILES['photoSide']['name'];
			}
			if (is_uploaded_file($_FILES['photoBack']['tmp_name']) && $_FILES['photoBack']['size'] <= $maxSize)
			{
				$tempFile = $_FILES['photoBack']['tmp_name'];
 				$targetFile =  './db/users/'.$logUser['id'].'/'.$_FILES['photoBack']['name'];
 				move_uploaded_file($tempFile, $targetFile);
 
 				$newPomiar['photoBack'] = $_FILES['photoBack']['name'];
			}
			print_r($_FILES['photoFront']);
			print_r($_FILES['photoSide']);
			print_r($_FILES['photoBack']);
			exit;
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
<form id="formAdd" action="#" method="POST" enctype="multipart/form-data" style="margin-top: 20px;">
		<input type="hidden" name="action" value="add" />
		<div class="row">
			<div class="col-sm-4">
				<div class="panel">
					<div id="imageFront" class="u-image" style="background-image: url('./img/photoFront.jpg');"></div>
					<div class="title text-justify" style="margin-top: 12px; font-size: 13px; line-height: 16px;"><b>Zdjęcie od przodu</b><br><br>Pamiętaj, że nie musisz pokazywać swojej twarzy, ważne jest aby oświetlenie było odpowiednie.</div>
					<span id="spanFront" class="btn-file text-center">Dodaj <input id="photoFront" name="photoFront" type="file" onchange="checkFile('imageFront', 'spanFront', 'photoFront')" /></span>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="panel">
					<div id="imageSide" class="u-image" style="background-image: url('./img/photoSide.jpg');"></div>
					<div class="title text-justify" style="margin-top: 12px; font-size: 13px; line-height: 16px;"><b>Zdjęcie od boku</b><br><br>Nie napinaj brzucha ani nie nabieraj za dużo powietrza. Zachowaj prostą postawę.</div>
					<span id="spanSide" class="btn-file text-center">Dodaj <input id="photoSide" name="photoSide" type="file" onchange="checkFile('imageSide', 'spanSide', 'photoSide')" /></span>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="panel">
					<div id="imageBack" class="u-image" style="background-image: url('./img/photoBack.jpg');"></div>
					<div class="title text-justify" style="margin-top: 12px; font-size: 13px; line-height: 16px;"><b>Zdjęcie od tyłu</b><br><br>Napnij przy okazji ręce i pokaż się w całej okazałości.<br><br></div>
					<span id="spanBack" class="btn-file text-center">Dodaj <input id="photoBack" name="photoBack" type="file" onchange="checkFile('imageBack', 'spanBack', 'photoBack')" /></span>
				</div>
			</div>
		</div>
...
[HTML] pobierz, plaintext 

Odpal sobie konsolę developerską i zobacz co leci do serwera. Wygląda na to że wysyłasz formularz ale pliki się nie załączaję. I co robi ten `checkFile()`

[HTML] pobierz, plaintext 
function checkFile(image, span, photo) {
	var x = document.getElementById(photo);
	if ('files' in x) {
		if (x.files.length > 0) {
			document.getElementById(image).style.backgroundImage = 'url(\'' + window.URL.createObjectURL(x.files[0]) + '\')';
			document.getElementById(span).innerHTML = 'Zmień plik<br><small>(' + x.files[0].name + ')</small> <input id="' + photo + '" name="' + photo + '" type="file" onchange="checkFile(\'' + image + '\', \'' + span + '\', \'' + photo + '\')" />';
		}
	}
}
[HTML] pobierz, plaintext 

Skoro w funkcji checkFile nadpisujesz inputa z plikiem nowym inputem to niby jak ma ci sie stary input wyslac?

no tak ale tu input ma to samo id i name, wiec pole powinno pozostac to samo skoro pozniej wywoluje je $_POST['NAME']?

to co jedyna opcja to robic z nazwy tablice i szukac pliku pozniej po tablicy? <input ... name="name[]" .../> ?

Wsadz sobie do pudelka z numerem 5 milion zlotych. Potem wyrzuc to pudelko na smieci, wstaw nowe z numerem 5 i sie dziw, czemu nagle w nim nie ma miliona zlotych....



Najwazniejsze pytanie: a po cholere ty wyrzucasz stary input tylko po to by za chwile utworzyc dokladnie taki sam nowy?

bo inputa mam zamknietego w spanie, a skoro chce w spanie zmienic tresc, to całą (łącznie z inputem)

w zasadzie gdybym wzial innerHTML.replace... hmmm

...no ale to tez nic nie da, bo jak ktos bedzie chcial podmieniac ciagle plik a tu generuje w spanie jego nazwe - to tez nic z tego nie bedzie... chyba ze jest taka opcja zeby zrobic innerHTML.replace - wszystko poza czyms :?

To weź sobie ten tekst który masz obok input wsadź w kolejnego span i edytuj tylko tego.

kurde geniusz nie wpadlem na to

to pomozcie jeszcze przy jednej rzeczy, skoro mam juz fajny skrypt:

[HTML] pobierz, plaintext 
function checkFile(image, span, photo) {
	var x = document.getElementById(photo);
	var maxSize = 2097152; // 2 MB
	if ('files' in x) {
		if (x.files.length > 0) {
			document.getElementById(image).style.backgroundImage = 'url(\'' + window.URL.createObjectURL(x.files[0]) + '\')';
			if (x.files[0].size > maxSize) {
				document.getElementById(span).parentElement.style.background = '#ff6b6b';
				document.getElementById(span).innerHTML = 'Zmień plik, jest za duży<br><small>(' + x.files[0].name + ' - ' + parseFloat(x.files[0].size/(1024*1024)).toFixed(2) + ' MB)</small>';
			}
			else {
				document.getElementById(span).innerHTML = 'Zmień plik<br><small>(' + x.files[0].name + ' - ' + parseFloat(x.files[0].size/(1024*1024)).toFixed(2) + ' MB)</small>';
			}
		}
	}
}
[HTML] pobierz, plaintext 

ale chcialbym go przepisac na jquery, a wiem ze jQ nie pociagnie zmiennych $(span) wzietych z funkcji, jak to zrobic?

kurde... dobra cofam, przeciez -> $('#'+span) - ok nie komentujcie

A po co chcesz to na jQ robić jak masz w pure JS ? jaki w tym sens...

jQ jest krotszy i przyjemniejszy, poza tym bardziej czytelny tak mi sie wydaje.

ew jak to:

[HTML] pobierz, plaintext 
window.URL.createObjectURL
[HTML] pobierz, plaintext 

powinno brzmiec w jq?

Jquery to nakładka na czysty js. Realizuje to samo (tylko wolniej) zatem skoro masz to już zrobione to nie ma sensu przepisywać.
A drugie pytanie pokazuje że nie widzisz różnicy pomiędzy JS a jquery. Poczytaj sobie https://developer.mozilla.org/en-US/docs/Web/API/URL

viking dziekuje za uwagę. Szczerze mówiąc pomijając, że jq musi zaladowac sobie bilbiotekę, sądziłem że działa szybciej niz pure js... W takim razie zostawiamy to tak jak jest. Jedno pytanie mi pozostaje czysto teoretyczne, ale nawiazujace do mojego skryptu. Istnieje sposób, zeby cokolwiek wykonalo sie zanim przeleci cala petla? patrzac na moj skrypt chodzi mi o jeden konkret:

kiedy ktos wrzuca plik powyzej 2mb, text z bledem pojawia sie od razu, ale kolor (styl) zmieniajacy button na czerwony wykonuje sie dopiero po wyswietleniu miniatury - to troche glupio wyglada dla perfeksjonistow mimo ze trwa ulamki sekundy, ale czy jest taka mozliwosc, zeby button niezaleznie od tego ile bedzie robiel prewiewke obrazka od razu zmienil kolor?

...po drobnych modyfikacjach teraz wygląda to tak:

[HTML] pobierz, plaintext 
<script>
function checkFile(image, span, photo) {
	var x = document.getElementById(photo);
	var maxSize = 2097152; // 2 MB
	if ('files' in x) {
		if (x.files.length > 0) {
			document.getElementById(image).style.backgroundImage = 'url(\'' + window.URL.createObjectURL(x.files[0]) + '\')';
			if (x.files[0].size > maxSize) {
				document.getElementById(span).parentElement.classList.add('red');
				document.getElementById(span).innerHTML = 'Zmień plik, jest za duży<br><small>(' + x.files[0].name + ' - ' + parseFloat(x.files[0].size/(1024*1024)).toFixed(2) + ' MB)</small>';
			}
			else {
				document.getElementById(span).parentElement.classList.remove('red');
				document.getElementById(span).innerHTML = 'Zmień plik<br><small>(' + x.files[0].name + ' - ' + parseFloat(x.files[0].size/(1024*1024)).toFixed(2) + ' MB)</small>';
			}
		}
	}
}
</script>
[HTML] pobierz, plaintext