🚀 go-pugleaf

W dniu 2012-07-11 22:02, Sławek pisze:
> Witam
>
> Kręcę się w kółko z tym problemem. Jak odczytać/pobrać wszystkie
> wartości dla inputa type file multiple?
> Zrobię coś takiego
> var files = $('input[type="file"].myMulti')[0].files

Tak się nie da. Musisz podpiąć event onchange i potem oczytać dane z 
obiektu /files/. Np.

$('input[type="file"].myMulti').bind('change', function(){

  var filesdata = this.files;

});

-- 
Cezary Tomczyk
http://www.ctomczyk.pl/

>Tak się nie da. Musisz podpiąć event onchange i potem oczytać dane z 
>obiektu /files/. Np.

>$('input[type="file"].myMulti').bind('change', function(){

>var filesdata = this.files;

>});

Ok, dzięki to tak spróbuję. Ale to rozumiem będzie tak że filesdata to 
będzie tablica z wszystkimi danymi inputa dla każdego wybranego pliku?
Może napiszę o co mi chodzi. Chcę zrobić w jquery możliwość wybierania 
więcej niż jednego pliku i żeby poniżej móc wielokrotnie wybierać pliki 
rownież po kilka (opcja multi) i pomyślałem, że po prostu będę sobie jak 
user wybierze więcej niż jeden plik w takim bazowym input rozbijał to i 
robił ukryte nowe inputy dla każdego pliku a do tego właśnie muszę mieć 
wartości dla każdego wybranego które będę wpisywał. Każdy z takich ukrytych 
inputów będzie miał swoje id czyli będę mogł sobie wyświetlić też listę tych 
plików z anachorem do kasowania. Mam nadzieję, że takie coś jest do 
zrobienia w Jquery:) Dla mnie to ambitne zadanie bo kiepski jestem w JS:)
Jeszcze raz dzięki za pomoc

pozdrawiam
Sławek

>Tak się nie da. Musisz podpiąć event onchange i potem oczytać dane z 
>obiektu /files/. Np.

>$('input[type="file"].myMulti').bind('change', function(){

  >var filesdata = this.files;

>});

Kurde trochę mi głupio ale jak dostać się do tych danych aby wiedzieć co 
właściwie mam w tym var filesdata?
Znalazłem na necie takie cudu
alert(filesdata.toSource());
ale mi wyświetla
({0:({})})

To co znalazłem to niby taki odpowiednik phpowego print_r


pozdrawiam
Sławek

W dniu 2012-07-12 09:32, Sławek pisze:
>> Tak się nie da. Musisz podpiąć event onchange i potem oczytać dane z
>> obiektu /files/. Np.
>
>> $('input[type="file"].myMulti').bind('change', function(){
>
>   >var filesdata = this.files;
>
>> });
>
> Kurde trochę mi głupio ale jak dostać się do tych danych aby wiedzieć co
> właściwie mam w tym var filesdata?
> Znalazłem na necie takie cudu
> alert(filesdata.toSource());
> ale mi wyświetla
> ({0:({})})
>
> To co znalazłem to niby taki odpowiednik phpowego print_r
[...]

http://www.nczonline.net/blog/2012/05/08/working-with-files-in-javascript-part-1/

-- 
Cezary Tomczyk
http://www.ctomczyk.pl/

Dnia Thu, 12 Jul 2012 09:21:09 +0200, Sławek napisał(a):

> inputów będzie miał swoje id czyli będę mogł sobie wyświetlić też listę tych 
> plików z anachorem do kasowania. Mam nadzieję, że takie coś jest do 
> zrobienia w Jquery:) Dla mnie to ambitne zadanie bo kiepski jestem w JS:)

A koniecznie musisz wyważać otwarte drzwi?
http://www.fyneworks.com/jquery/multiple-file-upload/

-- 
Borys Pogoreło
borys(#)leszno,edu,pl

>Użytkownik "BorysPogoreło"  napisał w wiadomości grup 
>dyskusyjnych:7d061ucfrkog$.1r4wc12k7a1cz.dlg@40tude.net...



>A koniecznie musisz wyważać otwarte drzwi?
>http://www.fyneworks.com/jquery/multiple-file-upload/

Niestety. Pewnie nie zwróciłeś na to uwagi ale jest nawet tam gdzieś na 
stronie napisane. Ten skrypt nie obsługuje multi. To znaczy pozwoli Ci 
wybrać jak w input zaznaczysz sobie, że multi więcej niż jeden plik ale do 
listy plików dorzuci tylko jeden z nich a co za tym idzie user wybiera 
powiedzmy 10 plików a na liście pojawia mu się jeden i też tylko ten jeden 
może ewentualnie usunąć z listy. Reszta plików zostaje i będzie wysłana na 
serwer. Przeglądnąłem źródło tego skryptu aby ewentualnie po prostu go 
zmienić ale znów rozbiłem o to, że nie można wyodrębnić ze tak powiem z 
wyboru multi każdego pliki i każdym z osobna zawiadować. No niestety. U mnie 
jeszcze jest ten problem że po stronie serwera dla każdego pliku jest 
losowany katalog więc skrypty, gotowce które na wymagają na sztywno podania 
katalogu do uploadu odpadają:(
Na razie rozwiązałem jakoś temat zastępczo, że można wybrać wiele plików, 
wszystkie na liście się wyświetlają ale ewentualnie usunąć z listy to jest 
na zasadzie usunięcia całego wyboru. Jeden wybór jedna = instancja.

pozdrawiam
Sławek 

>Użytkownik "Cezary Tomczyk"  napisał w wiadomości grup 
>dyskusyjnych:jucfaq$gl4$1@inews.gazeta.pl...

>http://www.nczonline.net/blog/2012/05/08/working-with-files-in-javascript-part-1/

Dzięki, przetrawię to sobie na spokojnie.

pozdrawiam
Sławek 

Dnia Fri, 27 Jul 2012 11:05:10 +0200, Sławek napisał(a):

> Niestety. Pewnie nie zwróciłeś na to uwagi ale jest nawet tam gdzieś na 
> stronie napisane. Ten skrypt nie obsługuje multi. To znaczy pozwoli Ci 
> wybrać jak w input zaznaczysz sobie, że multi więcej niż jeden plik ale do 
> listy plików dorzuci tylko jeden z nich a co za tym idzie user wybiera 
> powiedzmy 10 plików a na liście pojawia mu się jeden i też tylko ten jeden 
> może ewentualnie usunąć z listy. 

 Chyba mówimy o innych skryptach. Każdy dodany plik jest dołączany do
widocznej kolejki i ma wyraźny link "usuń". Zatem w czym problem?


-- 
Borys Pogoreło
borys(#)leszno,edu,pl

W dniu 2012-07-30 16:47, Borys Pogoreło pisze:

>
>   Chyba mówimy o innych skryptach. Każdy dodany plik jest dołączany do
> widocznej kolejki i ma wyraźny link "usuń". Zatem w czym problem?
>
>
Tak, ale mi chodzi o możliwości jaką dają chyba wszystkie przeglądarki 
oprócz IE, że możesz wybrać za jednym razem więcej niż jeden plik z 
dysku a nie browse->wybieram jeden plik -> dodaje się do kolejki, 
browse->wybieram jeden plik -> dodaje do kolejki....

Dnia Mon, 30 Jul 2012 17:35:56 +0200, Sławek napisał(a):

> Tak, ale mi chodzi o możliwości jaką dają chyba wszystkie przeglądarki 
> oprócz IE, że możesz wybrać za jednym razem więcej niż jeden plik z 
> dysku a nie browse->wybieram jeden plik -> dodaje się do kolejki, 
> browse->wybieram jeden plik -> dodaje do kolejki....

 Aaaa, racja, teraz zajarzyłem o co Ci chodzi ;)

 To obadaj ten skrypt:
 http://blueimp.github.com/jQuery-File-Upload/
 zapomniałem, że niedawno go znalazłem, a jeszcze nie zdążyłem wypróbować.
 
 Wygląda na to, że obsługuje HTML5 multiple.

-- 
Borys Pogoreło
borys(#)leszno,edu,pl

W dniu 2012-07-30 23:54, Borys Pogoreło pisze:
>
>   Aaaa, racja, teraz zajarzyłem o co Ci chodzi ;)
>
>   To obadaj ten skrypt:
>   http://blueimp.github.com/jQuery-File-Upload/
>   zapomniałem, że niedawno go znalazłem, a jeszcze nie zdążyłem wypróbować.
>
>   Wygląda na to, że obsługuje HTML5 multiple.
>

Tak, on rzeczywiście obsługuje, też go badałem ale tam znów jest problem 
o ile pamiętam (bo badałem wiele tych skryptów) albo z tym, że on 
realizuje pewne funkcje przy użyciu flash (a niestety to u mnie w 
założeniach odpada) i też na sztywno tam trzeba podać katalog do uploadu 
a to to też u mnie odpada bo mam niestety tak że dla każdego pliku jest 
losowany katalog docelowy:(
W sumie to potrzebowałbym rozwiązania które pozwala wybierać wiele 
plików, zarządzać tym wyborem - to po stronie usera, a później po 
wysłaniu normalnie wysyłało postem tablicę files która już ja bym 
swobodnie mógł maniipulować i obrabiać te pliki, wrzucać gdzie potrzebuję.
Na razie rozwiązałem to prowizorycznie że user wybiera jeden plik albo i 
grupe plików i wszystko mu się wyświetla poniżej (te jego wybory) ale 
usuwanie to jak wybrał jeden plik to oczywiście moze usunąć go ale jak 
wybierze grupę plików to może usunąć tylko całą grupę a nie jakiś 
pojedyńczy plik z tej grupy. No taka na razie prowizorka:(

dzięki za pomoc
pozdrawiam
Sławek

Dnia Tue, 31 Jul 2012 09:18:32 +0200, Sławek napisał(a):

> Tak, on rzeczywiście obsługuje, też go badałem ale tam znów jest problem 
> o ile pamiętam (bo badałem wiele tych skryptów) albo z tym, że on 
> realizuje pewne funkcje przy użyciu flash (a niestety to u mnie w 
> założeniach odpada) 

Gdzie tam masz Flasha? :)

> i też na sztywno tam trzeba podać katalog do uploadu 
> a to to też u mnie odpada bo mam niestety tak że dla każdego pliku jest 
> losowany katalog docelowy:(

Przecież to jest wyłącznie kwestia backendu, aż zajrzałem do pliku PHP w
paczce i już tam można sobie ustawić wedle życzenia:

function __construct($options=null) {
  $this->options = array(
    'script_url' => $this->getFullUrl().'/',
    'upload_dir' => dirname($_SERVER['SCRIPT_FILENAME']).'/files/',
    'upload_url' => $this->getFullUrl().'/files/', 

Dodatkowo:
https://github.com/blueimp/jQuery-File-Upload/wiki/PHP-Subfolder-example

-- 
Borys Pogoreło
borys(#)leszno,edu,pl