interface Web
Questions et réponses frontales
Comment implémenter la fonction de téléchargement en javascript
Comment implémenter la fonction de téléchargement en javascript
Méthodes pour implémenter la fonction de téléchargement en JavaScript : 1. Téléchargez via la balise a ; 2. Téléchargez via la méthode "window.open" ; 3. Téléchargez via la méthode "location.href" ; 4. Téléchargez via le transfert de fichier ; Fonction de l’objet blob.
L'environnement d'exploitation de ce tutoriel : système Windows 10, javascript version 1.8.5, ordinateur Dell G3.
Comment implémenter la fonction de téléchargement en javascript ?
js implémente la fonction de téléchargement de fichiers
1. un téléchargement de balise
<body>
<button onClick="download()">a标签下载</button>
<script>
function download(url = 'http:www.xxx.com/download?name=file.pdf', fileName = '未知文件') {
const a = document.createElement('a');
a.style.display = 'none';
a.setAttribute('target', '_blank');
/*
* download的属性是HTML5新增的属性
* href属性的地址必须是非跨域的地址，如果引用的是第三方的网站或者说是前后端分离的项目(调用后台的接口)，这时download就会不起作用。
* 此时，如果是下载浏览器无法解析的文件，例如.exe,.xlsx..那么浏览器会自动下载，但是如果使用浏览器可以解析的文件，比如.txt,.png,.pdf....浏览器就会采取预览模式
* 所以，对于.txt,.png,.pdf等的预览功能我们就可以直接不设置download属性(前提是后端响应头的Content-Type: application/octet-stream，如果为application/pdf浏览器则会判断文件为 pdf ，自动执行预览的策略)
*/
fileName && a.setAttribute('download', fileName);
a.href = url;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
</script>
</body>Avantages :
Vous pouvez télécharger directement des fichiers txt, png, pdf, exe, xlsx et d'autres types de fichiers
Inconvénients :
-
une balise ne peut recevoir que des requêtes, l'URL a donc une limite de longueur
Impossible d'obtenir la progression du téléchargement
Restrictions inter-domaines
Impossible de transporter un jeton dans l'en-tête pour l'opération d'authentification
Impossible de déterminer l'interface Est-ce réussi
Problème de compatibilité IE
2. window.open download
<body>
<button onclick="download('http://www.xxx.com/download?name=file.pdf')">window.open下载</button>
<script>
function download(url) {
window.open(url, '_self');
/**
* _blank：在新窗口显示目标网页
* _self：在当前窗口显示目标网页
* _top：框架网页中在上部窗口中显示目标网页
/**
}
</script>
</body>Avantages:
Simple et pratique
Inconvénient âges :
-
Il y aura des problèmes de limite de longueur d'URL
Il faut faire attention au problème d'encodage de l'URL
Impossible d'obtenir la progression du téléchargement
Impossible de transporter le jeton dans l'en-tête pour l'opération d'authentification
Impossible de déterminer si l'interface réussit
Impossible de télécharger directement les fichiers qui peuvent être prévisualisés directement par le navigateur Tapez (txt, png, pdf seront prévisualisés directement)
3. téléchargement location.href
<body>
<button onclick="download('http://www.xxx.com/download?name=file.pdf')">location.href下载
</button>
<script>
function download(url) {
window.location.href = url;
}
</script>
</body>Avantages
Simple, pratique et direct
Peut télécharger des fichiers volumineux (G ou supérieur)
Inconvénients
Il y aura un problème de limite de longueur d'URL
Vous devez faire attention à l'encodage de l'URL problème
Impossible d'obtenir la progression du téléchargement
Impossible de transporter le jeton dans l'en-tête pour l'opération d'authentification
Impossible de télécharger directement avec le navigateur Types de fichiers prévisualisés directement (txt, png et pdf seront prévisualisés directement)
Il est impossible de juger si l'interface revient avec succès
Trois. Téléchargement d'objet blob de transfert de fichiers
<button onclick="download()">文件流转blob对象下载</button>
<script>
download() {
axios({
url: 'http://www.xxx.com/download',
method: 'get',
responseType: 'blob',
}).then(res => {
const fileName = res.headers.content-disposition.split(';')[1].split('filename=')[1];
const filestream = res.data; // 返回的文件流
// {type: 'application/vnd.ms-excel'}指定对应文件类型为.XLS (.XLS的缩写就为application/vnd.ms-excel)
const blob = new Blob([filestream], {type: 'application/vnd.ms-excel'});
const a = document.createElement('a');
const href = window.URL.createObjectURL(blob); // 创建下载连接
a.href = href;
a.download = decodeURL(fileName );
document.body.appendChild(a);
a.click();
document.body.removeChild(a); // 下载完移除元素
window.URL.revokeObjectURL(href); // 释放掉blob对象
})
}
</script>Avantages :
Peut télécharger des fichiers txt, png, pdf et d'autres types de fichiers
Vous pouvez porter le jeton dans l'en-tête pour les opérations d'authentification
Vous pouvez obtenir la progression du téléchargement du fichier
Vous pouvez juger si l'interface revient avec succès
Inconvénients :
Problème de compatibilité, ce n'est pas le cas disponible sous IE10. Veuillez faire attention au navigateur Safari. Le site officiel indique que Safari a un problème sérieux avec les blobs de type application/octet-stream
-
Le flux de fichiers renvoyé par le backend ne sera obtenu qu'avant le téléchargement.
Apprentissage recommandé : "Tutoriel vidéo JavaScript"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment utiliser les liens magnétiques
Feb 18, 2024 am 10:02 AM
Le lien magnétique est une méthode de lien pour télécharger des ressources, qui est plus pratique et efficace que les méthodes de téléchargement traditionnelles. Les liens magnétiques vous permettent de télécharger des ressources de manière peer-to-peer sans recourir à un serveur intermédiaire. Cet article explique comment utiliser les liens magnétiques et à quoi il faut prêter attention. 1. Qu'est-ce qu'un lien magnétique ? Un lien magnétique est une méthode de téléchargement basée sur le protocole P2P (Peer-to-Peer). Grâce à des liens magnétiques, les utilisateurs peuvent se connecter directement à l'éditeur de la ressource pour finaliser le partage et le téléchargement des ressources. Par rapport aux méthodes de téléchargement traditionnelles, magnétique
Comment télécharger des épisodes du court métrage dramatique Hongguo
Mar 11, 2024 pm 09:16 PM
Hongguo Short Play n'est pas seulement une plate-forme pour regarder des pièces courtes, mais aussi un trésor de contenu riche, notamment des romans et d'autres contenus passionnants. C’est sans aucun doute une énorme surprise pour de nombreux utilisateurs qui aiment lire. Cependant, de nombreux utilisateurs ne savent toujours pas comment télécharger et regarder ces romans dans Hongguo Short Play. Dans ce qui suit, l'éditeur de ce site vous fournira des étapes de téléchargement détaillées, dans l'espoir d'aider tous les partenaires dans le besoin. Comment télécharger et regarder la pièce courte de Hongguo ? Réponse : [Pièce courte de Hongguo] - [Livre audio] - [Article] - [Télécharger]. Étapes spécifiques : 1. Ouvrez d'abord le logiciel Hongguo Short Drama, entrez dans la page d'accueil et cliquez sur le bouton [Écouter les livres] en haut de la page. 2. Ensuite, sur la page du roman, nous pouvons voir de nombreux contenus d'articles, ici ;
Que dois-je faire si je télécharge les fonds d'écran d'autres personnes après m'être connecté à un autre compte sur WallpaperEngine ?
Mar 19, 2024 pm 02:00 PM
Lorsque vous vous connectez au compte Steam de quelqu'un d'autre sur votre ordinateur et que le compte de cette autre personne dispose d'un logiciel de fond d'écran, Steam téléchargera automatiquement les fonds d'écran abonnés au compte de l'autre personne après être revenu à votre propre compte. Les utilisateurs peuvent résoudre ce problème en. désactiver la synchronisation du cloud Steam. Que faire si WallpaperEngine télécharge les fonds d'écran d'autres personnes après s'être connecté à un autre compte 1. Connectez-vous à votre propre compte Steam, recherchez la synchronisation cloud dans les paramètres et désactivez la synchronisation cloud Steam. 2. Connectez-vous au compte Steam de quelqu'un d'autre auquel vous vous êtes connecté auparavant, ouvrez Wallpaper Creative Workshop, recherchez le contenu de l'abonnement, puis annulez tous les abonnements. (Si vous ne trouvez pas le fond d'écran à l'avenir, vous pouvez d'abord le récupérer, puis annuler l'abonnement) 3. Revenez à votre propre Steam
Comment télécharger des liens commençant par 115:// ? Introduction à la méthode de téléchargement
Mar 14, 2024 am 11:58 AM
Récemment, de nombreux utilisateurs ont demandé à l'éditeur comment télécharger des liens commençant par 115:// ? Si vous souhaitez télécharger des liens commençant par 115://, vous devez utiliser le navigateur 115. Après avoir téléchargé le navigateur 115, jetons un œil au didacticiel de téléchargement compilé par l'éditeur ci-dessous. Introduction à la façon de télécharger des liens commençant par 115:// 1. Connectez-vous à 115.com, téléchargez et installez le navigateur 115. 2. Saisissez : chrome://extensions/ dans la barre d'adresse du navigateur 115, entrez dans le centre d'extensions, recherchez Tampermonkey et installez le plug-in correspondant. 3. Saisissez dans la barre d'adresse du navigateur 115 : Grease Monkey Script : https://greasyfork.org/en/
Comment télécharger des fichiers à partir du disque cloud 123
Feb 23, 2024 pm 08:58 PM
Le disque cloud 123 peut télécharger de nombreux fichiers, alors comment télécharger des fichiers spécifiquement ? Les utilisateurs peuvent sélectionner le fichier qu'ils souhaitent télécharger et cliquer pour télécharger, ou cliquer avec le bouton droit sur le fichier et sélectionner télécharger. Cette introduction à la méthode de téléchargement de fichiers à partir du disque cloud 123 peut vous expliquer comment le télécharger. Les amis qui n'y connaissent pas grand-chose devraient se dépêcher et y jeter un œil ! Comment télécharger des fichiers à partir de 123 Cloud Disk 1. Ouvrez d'abord le logiciel, cliquez sur le logiciel qui doit être téléchargé, puis il y aura un bouton de téléchargement dessus. 2. Ou cliquez avec le bouton droit sur le logiciel et vous pourrez voir le bouton de téléchargement dans la liste. 3. Il y aura une fenêtre de téléchargement, sélectionnez l'emplacement que vous souhaitez télécharger. 4. Après la sélection, cliquez sur Télécharger pour télécharger ces fichiers.
Comment télécharger des vidéos à partir d'un compte vidéo 'Incontournable : un moyen simple d'enregistrer des vidéos à partir d'un compte vidéo'
Feb 06, 2024 pm 06:42 PM
Aujourd'hui, de plus en plus de personnes commencent à jouer aux comptes vidéo. Les comptes vidéo sont également une courte plateforme vidéo sur laquelle ils peuvent partager leur vie quotidienne et gagner de l'argent grâce aux comptes vidéo. Récemment, j'ai vu des amis demander pourquoi les vidéos du compte vidéo WeChat n'étaient pas téléchargées. Yang Shuaikang est allé l'essayer et a découvert qu'il n'y avait effectivement pas de bouton de téléchargement, il a donc dû utiliser d'autres méthodes pour extraire les vidéos. partagera avec vous une méthode stupide, venez jeter un oeil. Comment extraire des vidéos des comptes vidéo WeChat 1. Ouvrez notre version informatique de WeChat et recherchez [Compte vidéo] sur la gauche ; 2. Recherchez la vidéo que vous souhaitez télécharger via la recherche 3. Enfin, utilisez l'outil d'enregistrement d'écran pour ajuster le paramètre ; taille de la vidéo enregistrée. Enregistrez-la et éditez-la à la fin. PS : 1. Cette méthode ne peut être enregistrée que sur la version ordinateur, pas sur le téléphone mobile.
Introduction à la façon de télécharger et d'installer le jeu superpeople
Mar 30, 2024 pm 04:01 PM
Le jeu superpeople peut être téléchargé via le client Steam. La taille de ce jeu est d'environ 28 Go. Le téléchargement et l'installation prennent généralement une heure et demie. Voici un tutoriel de téléchargement et d'installation spécifique pour vous ! Nouvelle méthode pour postuler aux tests fermés globaux 1) Recherchez "SUPERPEOPLE" dans la boutique Steam (téléchargement du client Steam) 2) Cliquez sur "Demander l'accès aux tests fermés SUPERPEOPLE" en bas de la page de la boutique "SUPERPEOPLE" 3) Après avoir cliqué sur le bouton de demande d'accès, le jeu "SUPERPEOPLECBT" peut être confirmé dans la bibliothèque Steam 4) Cliquez sur le bouton d'installation dans "SUPERPEOPLECBT" et téléchargez
Comment télécharger le disque réseau Quark en local ? Comment enregistrer les fichiers téléchargés depuis Quark Network Disk sur l'ordinateur local
Mar 13, 2024 pm 08:31 PM
De nombreux utilisateurs ont besoin de télécharger des fichiers lorsqu'ils utilisent Quark Network Disk, mais nous souhaitons les enregistrer localement, alors comment configurer cela ? Laissez ce site présenter aux utilisateurs en détail comment enregistrer les fichiers téléchargés à partir de Quark Network Disk sur l'ordinateur local. Comment enregistrer les fichiers téléchargés depuis le disque réseau Quark sur votre ordinateur local 1. Ouvrez Quark, connectez-vous à votre compte et cliquez sur l'icône de liste. 2. Après avoir cliqué sur l'icône, sélectionnez le disque réseau. 3. Après avoir accédé à Quark Network Disk, cliquez sur Mes fichiers. 4. Après avoir accédé à Mes fichiers, sélectionnez le fichier que vous souhaitez télécharger et cliquez sur l'icône à trois points. 5. Cochez le fichier que vous souhaitez télécharger et cliquez sur Télécharger.
