symulacja klikniecia input type=file Opcje

[boxpl]

Mam zwykły, poprawnie działający formularz do upload:

[HTML] pobierz, plaintext 
<form ENCTYPE="multipart/form-data" method="post" action="move.php">
<input type="file" name="userfile" id="userfile" onchange="document.getElementById('submit').click();">
<input type="submit" id="submit" style="visibility:hidden">
</form>
[HTML] pobierz, plaintext 

Teraz ukrywam w formularzu input "userfile":

[HTML] pobierz, plaintext 
<input type="file" name="userfile" id="userfile" style="visibility:hidden" onchange="document.getElementById('submit').click();">
[HTML] pobierz, plaintext 

oraz dodaję buttona, który będzie jedynym widocznym elementem formularza:

[HTML] pobierz, plaintext 
<input type="button" value="upload" onclick="document.getElementById('userfile').click()">
[HTML] pobierz, plaintext 

Ostatecznie formularz jest taki:

[HTML] pobierz, plaintext 
<form ENCTYPE="multipart/form-data" method="post" action="move.php">
<input type="file" name="userfile" id="userfile" style="visibility:hidden" onchange="document.getElementById('submit').click();">
<input type="submit" id="submit" style="visibility:hidden">
<input type="button" value="upload" onclick="document.getElementById('userfile').click()">
</form>
[HTML] pobierz, plaintext 

... tylko, że przestał działać.
Wygląda na to, że zasymulowanie zdarzenia click dla input type=file to nie to samo co kliknięcie myszą. Może kogoś z Was "dotknął" ten problem i wie ja go obejść ?

[orson]

witam ...

czegos tu nie rozumiem ... jak ukryty input moze sie zmienic jezeli juz to ma byc tak to moze zmien funkcjie click dla buttona na submit dla forma [dodaj id dla forma] ale nadal nie widze za duzego sensu w tym ... chocby dlatego ze dla type='file' nie da sie nadac value ... user sam musi wybrac plik ...

pozdrawiam

[boxpl]

jak ukryty input moze sie zmienic

Nie chodzi o jego zmianę tylko reakcję na wywołaną metode click().

user sam musi wybrac plik

I wybiera sam. Okno wyboru pojawia sią, wyszukany plik jest wstawiany do input file wraz ze ścieżką tyle tylko, że bez klikania myszą a poprzez akcję click().
Problem w tym, że ten "drugi" click() - na buttonie submit nie działa poprawnie.
Jeżeli submit jest ustawiony jako visible też wtedy coś chrzani. Trzeba klikać na nim dwa razy aby wymusić akcje formularza ale tablice $_FILES[] są wtedy puste.

[orson]

witam ...

nadal czegos nie rozumiem ...

Okno wyboru pojawia sią, wyszukany plik jest wstawiany do input file wraz ze ścieżką tyle tylko, że bez klikania myszą a poprzez akcję click().

skopiowalem twojego forma i nic sie nie pojawia ... na ekranie jest buton upload po klinknieciu nic sie nie dzieje ... nadal nie bardzo czaje po co tyle kombinacji ...

pozdrawiam

[boxpl]

skopiowalem twojego forma i nic sie nie pojawia ...

Usuń z formularza style lub zmień visibility na visible.

na ekranie jest buton upload po klinknieciu nic sie nie dzieje

Kliknij button Upload i potem dwa razy na ikonkę ostrzeżenia o błędzie (u dołu, po lewej w przeglądarce)

nadal nie bardzo czaje po co tyle kombinacji

Rzecz w tym, że chcę użyć Flasha do całej akcji uploadowania. Testowy plik swf można sprawdzić pod: http://plewik.pl
Z resztą to też nie takie ważne bo przede wszystkim chodzi o upload inicjowany metodą input.file.click() i potem input.submit.click(). Po tej drugiej akcji przeglądarka (IE6) pokazuje błąd.

[akubiczek]

Przeglądarka nie pozwala na takie numery ze względów bezpieczeństwa - nie możesz ani automatycznie wysyłać forma jako eventa wywoływanego z input file, nie możesz też np. wstawić wartości za pomocą właściwości value.

[orson]

witam ...

to moze zastosuj jakies gotowe rozwiazanie ... np.:
http://www.impulsedigital.com/idio/idio-v1/
albo na http://groups.google.pl/ daj:

Kod

(actionscript OR flash) AND "file upload"

a znajdziesz duzo roznych rozwiazan i linkow ...

pozdrawiam

[deejay4net]

No i szukając rozwiązania dobrnąłem tutaj. Kolega orson nie wie o co chodzi więc polecam link np
http://www.uploadify.com/demo/ , chodzi właśnie o takie coś.. funkcja click działa na elemencie input file, ale tylko
w IE.. w firefoxie już nie działa..natomiast przykład podany w linku działa w FF a nie działa w IE. Po kodzie nie mogę wywnioskować jak to jest wywołane. Szukam od rana już i lipa jak ktoś to obczai to będę wdzięczny za rozwiązanie ;D

Ten post edytował deejay4net 5.11.2009, 17:27:22

[erix]

Nie wyzwolisz w żaden sposób kliknięcia na przeglądaj przy pomocy skryptów. Uploadify działa na innej zasadzie, ale w elemencie HTML tego się NIE DA, ze względów bezpieczeństwa.