Créer un lien de téléchargement direct d'une image [Résolu]
iKelSilver - - Dernière réponse : iKelSilver - 29 déc. 2018 à 03:37
A voir également:
- Creer un lien de telechargement html
- Creer un lien url sur un bouton flash - Conseils pratiques - Flash
- Visual Basic / VB.NET : Créer un lien odbc access ou oracle automatiquement - CodeS SourceS - Guide
- Fonction pour cree des liens - Codes sources - ASP / ASP.NET (Astuces)
- List un repertoire et crée les liens html - Codes sources - PHP (Fichier / Disque)
- Protégez vos liens de téléchargement par mot de passe et/ou par système captcha - Codes sources - PHP (Sécurité & Cryptage)
1 réponse
Meilleure réponse
- Messages postés
- 23888
- Date d'inscription
- mercredi 22 octobre 2003
- Statut
Bonjour,
Tu peux forcer le navigateur à télécharger l'image en modifiant le header.
Pour ça, ton lien (contenant le nom de l'image en paramètre,
pointe vers un fichier qui contient ceci :
Tu peux forcer le navigateur à télécharger l'image en modifiant le header.
Pour ça, ton lien (contenant le nom de l'image en paramètre,
<a href="downloadImg.php?image=mon_image.jpg" target="_blank" >Télécharger</a>
pointe vers un fichier qui contient ceci :
<?php
/*
* Fichier : downloadImg.php
* Force le téléchargement du fichier
* @image : paramètre envoyé via l'url en $_GET
*/
//récupération de l'image en paramètre
$file = !empty($_GET['image']) ? $_GET['image'] : NULL;
//si l'image existe
if($file && file_exists($file)){
header('Content-Type: application/force-download');
header("Content-Transfer-Encoding: binary");
header('Content-Disposition: attachment; filename='.basename($file));
header('Pragma: no-cache');
header('Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0');
header('Expires: 0');
readfile($file);
exit();
}else{
echo 'Le fichier n\'existe pas : '.realpath($file);
}
Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez CodeS-SourceS
111 internautes nous ont dit merci ce mois-ci
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.
Merci pour la réponse. Mais, une inquiétude. Dans le lien Est-ce que je vais mettre seulement le nom de l'image ou plutôt le chemin complet de l'image ? Exemple : Quand j'ai essayé les deux, je reçois bien la valeur de mais, par contre, le téléchargement n'est pas démarré.
Que je dois-je faire ?
Merci
L'url doit fonctionner aussi je pense.
Par contre, vu qu'il y a des slashes, essaye d'ajouter un urlencode http://php.net/manual/fr/function.urlencode.php
Ou au pire, un addSlashes (mais dans ce cas, il faudra surement un stripslashes à la récupération du get )
Essaye aussi le header
header("Content-type: image/jpeg");à la place
header("Content-Transfer-Encoding: binary");.J'ai essayé mais sans succès. Voici ce que j'ai enfin trouvé et qui a résolu mon problème:
<script> You can try this to force download an image. However you cannot download something that is not on your domain, unless you are using a domain which accepts cross origin requests (Eg:Imgur) You may use the 'download' attribute of HTML5 but still you won't be able to load in cross origin image. Also the below method will support legacy browsers as well function forceDownload(link){ var url = link.getAttribute("data-href"); var fileName = link.getAttribute("download"); link.innerText = "Working..."; var xhr = new XMLHttpRequest(); xhr.open("GET", url, true); xhr.responseType = "blob"; xhr.onload = function(){ var urlCreator = window.URL || window.webkitURL; var imageUrl = urlCreator.createObjectURL(this.response); var tag = document.createElement('a'); tag.href = imageUrl; tag.download = fileName; document.body.appendChild(tag); tag.click(); document.body.removeChild(tag); link.innerText="Download Image"; } xhr.send(); } </script> <a href="#" data-href='https://i.imgur.com/Mc12OXx.png' download="Image.jpg" onclick='forceDownload(this)'>Download Image</a>Merci beaucoup