{"id":230119,"date":"2022-11-22T20:02:00","date_gmt":"2022-11-22T17:02:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230119"},"modified":"2022-11-09T20:10:52","modified_gmt":"2022-11-09T17:10:52","slug":"telechargement-de-fichiers-dans-wordpress-revisite-partie-1-le-cote-client","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/telechargement-de-fichiers-dans-wordpress-revisite-partie-1-le-cote-client\/","title":{"rendered":"T\u00e9l\u00e9chargement de fichiers dans WordPress, revisit\u00e9 : Partie 1 – Le c\u00f4t\u00e9 client"},"content":{"rendered":"\n

Il y a des ann\u00e9es, j’ai \u00e9crit sur la fa\u00e7on de t\u00e9l\u00e9charger des fichiers dans WordPress \u00e0<\/a> partir de la zone administrative. Ce message est pratiquement une mise \u00e0 jour de ce message, mais il couvre de nouvelles consid\u00e9rations que je fais et d’autres processus que je pense n\u00e9cessaires.<\/p>\n

Pour cet article, je vais travailler sur l’exemple du t\u00e9l\u00e9chargement d’un fichier PDF et comment le rendre \u00e9galement disponible dans la m\u00e9diath\u00e8que.<\/p>\n

Ce faisant, je pr\u00e9vois \u00e9galement de couvrir certaines consid\u00e9rations \u00e0 prendre en compte c\u00f4t\u00e9 client et c\u00f4t\u00e9 serveur, ainsi que les \u00e9l\u00e9ments \u00e0 rechercher chaque fois que quelqu’un transf\u00e8re des informations via le r\u00e9seau.<\/p>\n

T\u00e9l\u00e9chargement de fichiers dans WordPress (et dans la m\u00e9diath\u00e8que)<\/h2>\n

Avant d’en venir \u00e0 l’essentiel de cet article, je suppose que vous avez\u00a0:<\/p>\n

    \n
  1. Une page de sous-menu ou une configuration de page d’administration avec une entr\u00e9e de fichier,<\/li>\n
  2. Que vous \u00eates correctement configur\u00e9 pour accepter les types MIME,<\/li>\n
  3. Que vous \u00eates \u00e0 l’aise avec un peu de JavaScript,<\/li>\n
  4. Et vous \u00eates \u00e0 l’aise avec des messages personnalis\u00e9s en dehors de l’API WordPress standard.<\/li>\n<\/ol>\n

    Si c’est le cas, tout le code devrait \u00eatre relativement explicite (pas que je ne le d\u00e9composerai pas morceau par morceau), mais si l’un des \u00e9l\u00e9ments ci-dessus semble d\u00e9routant, alors le message peut inclure du mat\u00e9riel qui n\u00e9cessite un peu plus de recherches dans le Codex ou concernant JavaScript que je fournirai ici.<\/p>\n

    Quoi qu’il en soit, je ferai ce que je peux pour \u00eatre aussi complet que possible.<\/p>\n

    1 L’id\u00e9e principale<\/h3>\n

    L’id\u00e9e de la fonctionnalit\u00e9 est simple: vous voulez donner \u00e0 l’utilisateur la possibilit\u00e9 de t\u00e9l\u00e9charger des fichiers PDF via la zone d’administration de WordPress. Vous souhaitez \u00e9galement que le fichier soit disponible dans la m\u00e9diath\u00e8que.<\/p>\n

    La possibilit\u00e9 de le faire n’est pas difficile, mais il existe des moyens d’am\u00e9liorer l’exp\u00e9rience de l’utilisateur que j’aimerais \u00e9galement couvrir dans ce post (comme ne pas pouvoir t\u00e9l\u00e9charger quoi que ce soit tant que le fichier n’a pas \u00e9t\u00e9 sp\u00e9cifi\u00e9 dans la zone de saisie, par exemple Exemple).<\/p>\n

    2 L’interface utilisateur pour v\u00e9rifier le type de fichier<\/h3>\n

    Tout d’abord, comme je l’ai dit en haut de l’article, je suppose que vous avez jet\u00e9 les bases de la page d’administration de WordPress. Cela peut \u00eatre fait de certaines mani\u00e8res – j’ai choisi d’utiliser une page de sous-menu<\/a>, mais il existe plusieurs fa\u00e7ons de le faire.<\/p>\n

    Deuxi\u00e8mement, la page est simple\u00a0: elle comprend le titre de la page, un champ de saisie de fichier et un bouton "T\u00e9l\u00e9charger" qui est d\u00e9sactiv\u00e9 par d\u00e9faut\u00a0:<\/p>\n

    Notez que lorsque j’essaie d’ajouter une image qui n’est pas un PDF, un message d’erreur s’affiche et le bouton "T\u00e9l\u00e9charger" est toujours d\u00e9sactiv\u00e9\u00a0:<\/p>\n

    \"T\u00e9l\u00e9chargement<\/a><\/p>\n

    Mais lorsque j’ajoute un fichier du type attendu, le bouton "T\u00e9l\u00e9charger" est activ\u00e9\u00a0:<\/p>\n

    \"T\u00e9l\u00e9chargement<\/a><\/p>\n

    Cela n\u00e9cessite quelques \u00e9l\u00e9ments\u00a0:<\/p>\n