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

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

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

Afin d’empêcher la création automatisée de comptes, nous vous demandons de réussir le défi ci-contre.
Smileys
:D :) :-) ;) :| :( :cry: :cheers: :hourra: :mv: :lol: :mdr: :bonjour: :hello: :jap: :siffle: :bisou: :P :o :x :roll: :good: :bad: :super: :reflexion: :suspect: :? :oops: :peur: :zen: :boude: :bug:

Revue du sujet : HTML : Clic sur un bouton pour lancer un téléchargement Étendre la vue

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

par Âze » jeu. 10 sept. 2015 07:39
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:

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

par KeRR_@ » mer. 9 sept. 2015 18:13
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

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

par Âze » mer. 9 sept. 2015 17:07
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 15:26
Bonjour Äze :victoire:

Tu cherches quelques chose de ce genre ?
Code : Tout sélectionner
<p><a href="http://localhost/sitee/pagexercice.php" download="../document_pdf/Ficher.pdf">Fiche PDF</a></p>
sinon il faut adapter

@ +

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

par 2011N2 » mer. 9 sept. 2015 09:17
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.

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

par Âze » mer. 9 sept. 2015 08:29
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... :/

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

par 2011N2 » mar. 8 sept. 2015 13:04
Salut,

Normalement c'est tout bête :
Code : Tout sélectionner
<a href="Le lien direct du fichier ici" target="_blank"> <input type="button" value="Bouton"> </a>
Et quand tu cliqueras sur le bouton ça lancera automatiquement le téléchargement.

Gabriel.

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

par KeRR_@ » lun. 7 sept. 2015 17:12
Bonjou Âze :D

Je pense avoir trouvé ce qu'il te faut sur ->> ce fil de discussion

Ici tu trouveras tous les détails que tu veux sur JS et les popups

et cet autre sujet sur le téléchargement au click

Bon code zÂze ^^ :bonjour:

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

par Âze » dim. 6 sept. 2015 20:25
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.

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

par 2011N2 » sam. 5 sept. 2015 15:57
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.

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

par Âze » ven. 4 sept. 2015 21:02
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 ;)

hey Eh beh tu vas bien te faire balader par tes co[…]

Aide SEO

Si vous êtes trop à court d'idé[…]

Game

J’ai toujours aimé essayer de nouveau[…]

Game

Ce site m’a impressionné par la quali[…]