Comment télécharger plusieurs fichiers via Ajax - Gestion des fichiers

MISE À JOUR: Il y a une partie 2 de cette série avec une solution plus complète. Vous pouvez le vérifier ici https: // médium.com / @ adnanxteam / part-2-multiple-file-management-with-laravel-and-vuejs-dc73b9865eda

Lorsque j'ai commencé à utiliser Vuejs, c'était un cauchemar pour trouver un tutoriel décent sur la façon de télécharger un seul fichier à l'aide d'Ajax, sans parler d'un tutoriel expliquant comment gérer plusieurs fichiers.

J'ai traité depuis quelques années avec la gestion des fichiers, principalement en utilisant Vuejs et Laravel, donc je pensais que l'écriture d'un tutoriel comme celle-ci pourrait aider à beaucoup de développeurs à mettre en œuvre l'une des choses les plus cool dans les applications, qui est la gestion des actifs en temps réel.

Tout d'abord, vous trouverez de nombreuses solutions en ligne qui sont bonnes, mais ceux qui sont débutants au début de.

Ce que je couvrirai ici, c'est écrire votre code frontal et backend qui vous permettra de télécharger plusieurs fichiers. De plus, je vais vous donner quelques astuces sur la façon d'appliquer ce truc à différentes situations.

Cet article introduira une capacité de base à passer plusieurs fichiers de l'interface utilisateur à votre backend. Une fois que vous aurez passé les pièces jointes, ils deviendront automatiquement un objet téléchargé en PHP qui sont décrits dans la documentation Laravel.

Vous pouvez vérifier mon projet Laravel complet sur https: // github.com / asabanovic / file-management-vuejs

J'ai poussé mon code à github.

Téléchargez-le, exécutez-le, jouez avec.

Si vous êtes venu à ce point de l'article, veuillez applaudir et commenter si vous souhaitez voir de nouvelles suites de l'article telles que:

1. Stocker correctement des fichiers sur le disque et la base de données

2. Construire une bibliothèque de données (tirer des pièces jointes déjà enregistrées avant de télécharger de nouvelles)

3. Capacité à supprimer des pièces jointes anciennes et nouvelles

4. Séparer les pièces jointes entre les différents utilisateurs afin que vous ne puissiez voir que vos fichiers téléchargés

5. Configuration des limitations de taille de fichier par utilisateur

6. Limitation à des formats de fichiers spécifiques

7. Téléchargement et prévisualisation des images

8. Et plus…

N'oubliez pas de cloner votre github https: // github.com / asabanovic / file-management-vuejs !