<a href=/user/test/xxxx.txt download=filename.txt>Cliquez pour télécharger</a>
De cette façon, lorsque l'utilisateur ouvre le navigateur et clique sur le lien, le fichier sera téléchargé directement.
Mais il existe une situation, telle que les fichiers txt, png, jpg et autres que le navigateur prend en charge pour ouvrir directement, n'effectuera pas la tâche de téléchargement, mais ouvrira le fichier directement. Dans ce cas, vous devez ajouter un attribut de téléchargement. la balise a ;
Ce qui suit est un exempleAccédez à la balise <a> pour afficher le chemin du fichier et complétez le chemin du fichier en fonction des invites de chemin.
<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <a href=321.png download=test.png>Cliquez pour télécharger< /a> </body> </html>
Si vous devez télécharger des images téléchargées à partir d'une page Web, vous pouvez utiliser les méthodes suivantes :
Obtenez le nom de domaine hôte :
emplacement.nom d'hôte
Obtenez le numéro de port :
emplacement.port
2. Utilisez les boutons pour surveillerLa surveillance des boutons peut être divisée en deux méthodes :
L'un est window.open()var $eleBtn1 = $(#btn1); var $eleBtn2 = $(#btn2); //Une interface backend connue pour télécharger des fichiers : https://codeload.github.com/douban/douban-client/legacy/. master //Méthode 1 : window.open() $eleBtn1.click(function(){ window.open(https://codeload.github.com/douban/douban-client/legacy.zip/master });La seconde est la soumission du formulaire
//Méthode 2 : via le formulaire $eleBtn2.click(function(){ var $eleForm = $(<form method='get'></form>); $eleForm.attr(action,https://codeload.github .com/douban/douban-client/legacy.zip/master); $(document.body).append($eleForm); //Soumettez le formulaire pour télécharger $eleForm.submit(); });Résumer
Ci-dessus sont les deux méthodes d'implémentation de clic pour télécharger des fichiers sur des pages HTML introduites par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !