layui怎么实现下载功能

百变鹏仔 1个月前 (11-16) #layui

文章标签功能

layui实现下载功能的方法：首先打开相应的前端代码文件；然后通过a标签中的href属性直接给出下载链接的地址；最后点击并自动跳出下载保存窗口即可。

本教程操作环境：windows10系统、layui2.5.6，本文适用于所有品牌的电脑。

推荐：《layUI教程》

layui实现下载功能的方法：

a标签中的href属性可以直接给下载链接的地址，点击的时候会自动跳出下载保存窗口。

用原生上传文件标签上传文件，获取上传文件的全路径：

$('#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 );    });

注：e.currentTarget.files[0].name中是files，不是file

文章推荐

layui怎么实现下载功能

layui的分页怎么用

layui怎么设置checkbox勾选

layui怎么对弹出层显示数据

layui表格怎么清空

layui有什么主要功能