FORUM D’ENTRAIDE INFORMATIQUE (FEI)
Site d’assistance et de sécurité informatique

HTML : Clic sur un bouton pour lancer un téléchargement

Entraide pour le programmation en général (tous langages).
Règles du forum : Entraide concernant la programmation informatique en général, tous langages : recherche ou correction d'un code ou d'une fonction, aide à la réalisation d'un projet...
Pour la programmation web (HTML, CSS, PHP, MySQL...), il est conseillé de s'orienter dans le forum Webmastering.
Merci de lire et de respecter la charte générale du forum.
 Répondre
  • Avatar du membre
  • Avatar du membre
Avatar du membre

HTML : Clic sur un bouton pour lancer un téléchargement

par Âze
-  ven. 4 sept. 2015 21:02 #168219
Bonjour, bonsoir !

Alors voilà, je suis toujours sur mon site, et j'ai créer un bouton pour que lorsque l'on clique dessus, on puisse télécharger mon PDF.
Or je ne sais vraiment pas comment faire...

J'ai essayer sans le bouton avec juste la balise <a>, mais ouvre le document, ça ne lance pas le téléchargement...
J'ai déjà fait des recherches, et le meilleurs moyen est en PHP. Or, pour l'instant, je suis dans l'amélioration et la complétion du site, ce qui fait qu'il n'ai pas hébergé sur un serveur...
Et du coup, avec le bouton, je ne sais pas du tout comment faire... :/

Avez-vous des idées ?

D'avance merci ;)
Modifié en dernier par Âze le mer. 9 sept. 2015 17:08, modifié 1 fois.
Avatar du membre

Re: HTML : Clic sur un bouton pour lancer un téléchargement

par 2011N2
-  sam. 5 sept. 2015 15:57 #168258
Salut,

En fait il faut que lorsqu'on clique sur ton bouton cela envoie sur le lien direct de téléchargement de ton PDF. Donc comme si en cliquant sur le bouton cela enverrait sur une autre page, sauf qu'en l'occurrence ça lancera le téléchargement du fichier. C'est ça que tu as essayé de faire ? :)

Gabriel.
Avatar du membre

Re: HTML : Clic sur un bouton pour lancer un téléchargement

par Âze
-  dim. 6 sept. 2015 20:25 #168315
Salut,

Oui en gros c'est ça. C'est la petite fenêtre du navigateur qui te demande "enregistrer" ou "ouvrir".
Donc qu'il n'y ai pas de redirection du coup.
Avatar du membre

Re: HTML : Clic sur un bouton pour lancer un téléchargement

par Âze
-  mer. 9 sept. 2015 08:29 #168447
Je connaissais cette manière, et je l'ai recroisé durant mes recherches, mais désormais, ça ouvre dans un nouvel onglet le document, ça ne le télécharge pas... :/
Avatar du membre

Re: HTML : Clic sur un bouton pour lancer un téléchargement

par 2011N2
-  mer. 9 sept. 2015 09:17 #168448
Salut,

Ah oui d'accord.

Et tu n'as pas la possibilité de l'héberger directement dans un dossier sur ton site pour l'instant c'est bien ça ?
Car du coup tu mettrais quelque chose de ce style :
Code : Tout sélectionner
<a target="link" href="/images/tonpdf.pdf" class="btn_modem_detail" style="margin-top: 80px;">
Et je pense que ça devrait le télécharger direct. Sinon faut voir quel hébergeur lance directement le téléchargement des pdf.

Gabriel.
Avatar du membre

Re: HTML : Clic sur un bouton pour lancer un téléchargement

par Âze
-  mer. 9 sept. 2015 17:07 #168476
Coucou !

En gros c'était ça, sauf que l'attribut download n'existe pas pour <a>

Mais j'ai trouvé une autre solution, je l'affiche avec ce code :
Code : Tout sélectionner
<iframe id="doc" src="docs/fichier.pdf" width="1000" height="500" style="display: none;margin: auto;"></iframe>
Et ça l'affiche directement dans la page, et il y a même le bouton télécharger et imprimer en bas à droite, donc du coup ça résout le problème ^^'
(pour ceux qui souhaitent, je l'ai caché et on clique sur un bouton pour l'afficher, demandez-moi le code si vous voulez ;) )

Re: HTML : Clic sur un bouton pour lancer un téléchargement

par KeRR_@
-  mer. 9 sept. 2015 18:13 #168482
Re coucou

Hein :suspect: , n'exisste pas :bad: Je l'ai afficher chez moi. Merci zÂze

Exemple :
Code : Tout sélectionner
<!DOCTYPE html>
<html>
<body>

<p>Click on the w3schools logo to download the image:<p>

<a href="/images/myw3schoolsimage.jpg" download="w3logo">
  <img border="0" src="/images/myw3schoolsimage.jpg" alt="W3Schools" width="104" height="142">
</a>

<p>Notice that the filename of the downloaded file will be saved as "w3logo.jpg" instead of "myw3schoolsimage.jpg".</p>
<p><b>Note:</b> The download attribute is not supported in IE, Safari or Opera version 12 (and earlier).</p>

</body>
</html>
@ ++
Kerr
Avatar du membre

Re: HTML : Clic sur un bouton pour lancer un téléchargement

par Âze
-  jeu. 10 sept. 2015 07:39 #168500
Bah mon p'tit Kerr,

Je me fie à mon IDE, et il me souligne en rouge le download en m'indiquant que ce n'est pas applicable à la balise <a>. ^^'
Tu as peut-être ajouté un truc que je n'ai pas (framework ou autre) ?
EDIT :
Le code :
Code : Tout sélectionner
<button><a href="docs/CV-LAURENT_Anthony.pdf" download="test">test</a></button>
Il fonctionne en fait... Je sais pas ce que mon IDE m'a fait l'autre soir.

Désolé mon p'tit Kerr :roll:

Merci à tous :bisou:
 Répondre
 Retourner vers « Programmation »
Lately I have been very unlucky in my personal life

Hello everybody. Lately I have been very unlucky[…]

FLTL_READ_MORE
Mercari Coupon Codes vs. Sales: Which is the Better Deal?

Having a coupon code is so convenient and helps a […]

FLTL_READ_MORE
Long-distance relationship

Hello everyone! Lately I have been thinking abou[…]

FLTL_READ_MORE
Problème : manette xbox360 reconnue dans mes jeux Steam sauf dans "TT Isle of Man"

I appreciate you sharing this knowledge. I adore y[…]

FLTL_READ_MORE
FLTL_VIEW_MORE_TOPICS