Maison  >  Article  >  interface Web  >  Comment implémenter la fonction de téléchargement dans layui

Comment implémenter la fonction de téléchargement dans layui

藏色散人
藏色散人original
2020-11-18 11:00:367423parcourir

La méthode d'implémentation de la fonction de téléchargement dans layui : ouvrez d'abord le fichier de code front-end correspondant ; puis donnez directement l'adresse du lien de téléchargement via l'attribut href dans la balise a et enfin cliquez sur télécharger et ; La fenêtre de sauvegarde apparaîtra automatiquement.

Comment implémenter la fonction de téléchargement dans layui

L'environnement d'exploitation de ce tutoriel : système Windows 10, layui2.5.6 Cet article s'applique à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel layUI"

Comment implémenter la fonction de téléchargement dans layui :

L'attribut href dans la balise a peut directement donner le Adresse du lien de téléchargement, la fenêtre de téléchargement et d'enregistrement apparaîtra automatiquement lorsque vous cliquerez dessus.

Téléchargez des fichiers à l'aide de la balise de fichier de téléchargement native et obtenez le chemin complet du fichier téléchargé :

$('#file').change(function(){
    $('#em').text($('#file').val());
});
获取文件名:
var file = $('#file'),
    aim = $('#em');
    file.on('change', function( e ){
        //e.currentTarget.files 是一个数组,如果支持多个文件,则需要遍历
        var name = e.currentTarget.files[0].name;
        aim.text( name );
    });

Remarque : e.currentTarget.files[0].name est un fichier, pas un fichier

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn