Metoda drag&drop na stronach www

0

Witajcie
Chciałbym zapytać Was o radę. Mianowicie mam do zrobienia witrynkę internetową, ktorej działanie opiszę w kilku punktach:

  1. Upload plików graficznych oraz archiwów (zip rar 7z) podobnie jak w prypadku uploadu zdjęć na facebooku (otwiera się okienkow którym zaznaczmy "ptaszki" przy miniaturkach elementów ktorechcemy uploadować. Wyświetlanie elementów w okienku filtrowane jest przez ograniczenie wyświetlania tylko elementów o podanych rozszerzeniach)
  2. Wyświetlenie uprzednio uploadowanych plików na tablicy w kolumnach i rzędach w taki sposób, że w miejscu pliku graficznego pojawia się jego miniaturka o ustalonym rozmiarze a w pozycji pliku ikonka graficzna (wielkość identyczna jak miniatury plików graficznych) przedstawiająca format spakowanego archiwum
  3. Dostęne są opcje utworzenia folderu w panelu pionowym po lewej stronie i nazwania go oraz po utworzeniu opcja usunięcia
  4. Najważniejsza część -> możliwe jest przeciągnięcie miniaturki pliku graficznego lub spakowanego pliku i upuszczenie do folderu tak jak sięto robi w środowisku windows
  5. Po kliknięciu na folderze, do którego wcześniej upuszczone zostały elementy wyświetla się nowa tablica zawierająca owe obrazy i pliki

Tak to wygląda w przydługim skrócie. Nie proszę o gotowca ale o nakierowanie mnie jakich narzędzi i języków powinienem użyć aby uzyskać najlepszy efekt. Nie jestem profesjonalnym programistą ale początkującym amatorem. Dziękuję z góry za wszelaką pomoc :)

Pozdrawiam,
arek

0

Przeciąganie JavaScriptem po stronie klienta, po przeciągnięciu wysyłasz za pomocą AJAXa na serwer informacje że przeciągnięto plik A do folderu B, na serwerze odbierasz to za pomocą PHP i zapisujesz w bazie danych :) Co do samego Drag&Dropu są różnorakie gotowe rozwiązania, wystarczy pogooglować pod hasłem:

JS Drag and Drop

1 użytkowników online, w tym zalogowanych: 0, gości: 1