Jak przesłać wiele plików za pośrednictwem AJAX - Zarządzanie plikami

Jak przesłać wiele plików za pośrednictwem AJAX - Zarządzanie plikami
AKTUALIZACJA: Istnieje część 2 tej serii z bardziej kompletnym rozwiązaniem. Możesz to sprawdzić tutaj https: // medium.com/@adnanxteam/część-2-2-multiple-file-zarządzanie z laravel-and-vueJS-DC73B9865EDA

Kiedy po raz pierwszy zacząłem używać vuejs, był to koszmar, aby znaleźć przyzwoity samouczek na temat przesłania pojedynczego pliku za pomocą AJAX, nie mówiąc już o samouczku wyjaśniającym, jak zarządzać wieloma plikami.

Miałem kilka lat z zarządzaniem plikami, głównie za pomocą Vuejs i Laravel, więc pomyślałem, że napisanie takiego samouczka może pomóc wielu programistom wdrożyć jedną z najfajniejszych rzeczy w aplikacjach, które jest zarządzaniem aktywami w czasie rzeczywistym, które jest zarządzaniem aktywami w czasie rzeczywistym.

Po pierwsze, znajdziesz wiele rozwiązań, które są dobrych, ale ci, którzy są wczesnymi początkującymi.

Tutaj omówię zapisanie kodu frontend i backend, który pozwoli ci przesyłać wiele plików. Dodatkowo dam ci kilka sztuczek, jak zastosować te rzeczy w różne sytuacje.

W tym artykule wprowadzi podstawową możliwość przekazywania wielu plików z interfejsu użytkownika do zaplecza. Po przejściu załączników automatycznie staną się przesłane obiektem w PHP, które są opisane w dokumentacji Laravel.

Możesz sprawdzić mój pełny projekt Laravel na stronie https: // github.com/asabanovic/plik-zarządzanie-wuejs

Popchnąłem swój kod do Github.

Pobierz go, uruchom, zagraj z nim.

Jeśli doszedłeś do tego punktu artykułu, klaskaj i skomentuj, jeśli chcesz zobaczyć nowe kontynuacje artykułu, takie jak:

1. Prawidłowe przechowywanie plików na dysku i bazie danych

2. Budowanie biblioteki danych (ciągnięcie już zapisanych załączników przed przesłaniem nowych)

3. Umiejętność usuwania starych i nowych załączników

4. Oddzielanie załączników między różnymi użytkownikami, abyś mógł zobaczyć tylko przesłane pliki

5. Konfigurowanie ograniczeń wielkości pliku na użytkownika

6. Ograniczenie do określonych formatów plików

7. Przesyłanie i podgląd zdjęć

8. I więcej…

Nie zapomnij sklonować swojego github https: // github.com/asabanovic/plik-zarządzanie-wuejs !