Forum PHP.pl

Witam,

Plik mogę upload'ować poprzez formularz i przycisk submit, wtedy jest tworzony tmp. Ale mam 2 pytania:

1. Czy można uploadować plik przesyłając odpowiednie dane za pomocą ajaxa? Dokładnie. Jak dodać plik do tmp bez użycia formularza i przycisku submit za pomocą ajaxa?

2. Jak dodać input type="file" z wybranym już plikiem. Czyli jak dokładnie powinien wyglądać input ze ścieżką do pliku na komputerze?

http://stackoverflow.com/questions/2320069...jax-file-upload

Mógłbyś mi opisać poszczególne linijki ponieważ nie wszystkie linijki rozumiem. Która odpowiada za upload?

Zaskoczę Cię pewnie, ale linijki... czego?

Linijki z odpowiedzi Tursona, które odpowiedzialne są za taki upload o którym wspomniałem w temacie.


W jaki sposób mogę wykonać prosty upload plików? Jeżeli klikam w przycisk submit upload się wykonuje i zwraca mi tablice. Natomiast ajax nie działa (zwraca pustą tablicę). Gdzie robię błąd?

[HTML] pobierz, plaintext 
 pobierz, plaintext 
<form action="/upload" enctype="multipart/form-data" id="UploadTestForm" method="post" accept-charset="utf-8">
<input type="file" class="file-upload" name="data[Upload][file][]" accept="image/*" multiple="" />
<input type="submit" value="Submit" class="">
</form>
[HTML] pobierz, plaintext 

ajax:

[PHP] pobierz, plaintext 
 
$(".file-upload").on('change', function(){
		$.ajax({
					type:'POST',
					url:"/files/test/",
					data:$("#UploadTestForm").serialize(),
					success:function(data) {
 
						console.log(data)
					}
				});
 
    });
 
[PHP] pobierz, plaintext 

/files/test/:

[PHP] pobierz, plaintext 
 
var_dump($this->data);
[PHP] pobierz, plaintext 

Użyłem form data jak w przykładzie i ciągle nic:

wynik z consoli:

FormData {append: function}
__proto__: FormData

[PHP] pobierz, plaintext 
var formData = new FormData();
formData.append('file', this.files[0]);
 
		$.ajax({
					type:'POST',
					url:"/files/test/",
					data:formData,
					processData: false, 
					contentType: false, 
					success:function(data) {
						console.log(data)
					}
 
				});
[PHP] pobierz, plaintext 

Ten post edytował Randallmaster 18.08.2014, 11:15:35

W poście 5 opisałem:

[HTML] pobierz, plaintext 
<input type="file" class="file-upload" name="data[Upload][file][]" accept="image/*" multiple="" />
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
$(".file-upload").on('change', function(){
//ajax
});
[PHP] pobierz, plaintext 

odpowiedź z konsoli ( console.log(this.files[0]) ):

[HTML] pobierz, plaintext 
File {webkitRelativePath: "", lastModifiedDate: Thu Jul 17 2014 13:48:03 GMT+0200 (Środkowoeuropejski czas letni), name: "Scan003.jpg", type: "image/jpeg", size: 792511…}
lastModifiedDate: Thu Jul 17 2014 13:48:03 GMT+0200 (Środkowoeuropejski czas letni)
name: "Scan003.jpg"
size: 792511
type: "image/jpeg"
webkitRelativePath: ""
__proto__: File
[HTML] pobierz, plaintext 

Inne skrypty z ajaxem działają więc url jest na 100% poprawny,

dane z POST odbieram za pomocą $this->data

/files/test/ zrobiłem widok

var_dump($this->data); żeby zobaczyć wynik, ale ciągle dostaje array(0) { }

w ajaxie mam odpowiedź console.log(data)



Przyznaje się nie wiem jak to sprawdzić zawsze za pomocą zwrotnej informacji odczytywałem co dostaje, a w przypadku pliku informacji zwrotnej brak

Ten post edytował Randallmaster 18.08.2014, 11:40:12

za pomocą frameworka cakephp (ale wydaje mi się że to nie powinno być problemem).

Jeżeli robie taki sam zapis za pomocą przycisku submit bez ajaxa i przekierowywuje mnie na strone /files/test/ to otrzymuje wynik z var_dump:

[PHP] pobierz, plaintext 
array(1) { ["Upload"]=> array(1) { ["file"]=> array(1) { [0]=> array(5) { ["name"]=> string(10) "asdasd.jpg" ["type"]=> string(10) "image/jpeg" ["tmp_name"]=> string(14) "/tmp/php1zeop8" ["error"]=> int(0) ["size"]=> int(68463) } } } }
[PHP] pobierz, plaintext 

za pomocą ajaxa

[PHP] pobierz, plaintext 
array(0) { }
[PHP] pobierz, plaintext 

PROBLEM ROZWIĄZANY :/

Pliki po stronie widoku były pod $_FILES.
Dziękuje nospor

Ten post edytował Randallmaster 18.08.2014, 11:50:37