Upload pdf Angular front symfony back

Bonjour,

Je vais essayer d'exposer mon problème, actuellement en formation développeur web, on me demande un exercice: créer un web service afin d'uploader des pdf sur un serveur. Alors me voilà parti à créer ma base de données (mySQL) via mes entités et doctrine sur symfony, ensuite j'utilise api platform, et puis j'envoi mes requêtes à partir d'angular. La base d'un CRUD, je pense que c'est bon. Mon soucis serait d'uploader côté client(angular) un pdf et de l'envoyer vers l'api pour l'enregistrer en base de donnée, et là je sèche au bout de 2 jours de recherche.
Si une bonne âme aurait une idée afin de me mettre sur la voie, je suis preneur !

Merci d'avance, bonne journée à tous.

Bonjour,

En supposant que le pdf est sur la machine de l'utilisateur, l'idée est de mettre dans la page apparaissant à l'utilisateur un <input type="file">, et pour cet input définir une fonction qui va se déclencher suite par exemple à un event "change". C'est le point important.

EDIT: j'ai oublié de préciser qu'il faut sans doute aussi un bouton qui, lorsqu'on va cliquer dessus, déclenchera une fonction qui fera l'upload.

Ensuite ce que tu vas mettre dans ces fonctions (et ce qu'elles vont utiliser) est plus ou moins complexe, et dépend un peu de ton contexte. Mais fondamentalement, elles devraient envoyer le fichier au serveur via un processus similaire à de l'ajax.

Pour les détails, voici des exemples à adapter (il y a plein d'autres exemples ailleurs) :
https://bezkoder.com/angular-10-file-upload/
https://dzone.com/articles/how-to-implement-file-upload-in-angular

Avec un peu de chance, c'est ça qui te manquait.

Amicalement,
Modifié par parsimonhi (17 Dec 2020 - 14:28)

Merci parsimonhi pour ta réponse rapide ainsi que tes explications, je vais me pencher là dessus !

Salut,

alors à moins d'Angular soit une obligation je peux te conseiller de regardre du côté de symfony UX

et plus particulièrement le composant Symfony UX Dropzone
Modifié par slamjoker (17 Dec 2020 - 16:09)