• 技术文章 >web前端 >Layui教程

    layui怎么实现下载功能

    藏色散人藏色散人2020-11-30 14:30:47原创1977

    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怎么实现下载功能的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:layui
    上一篇:layui怎么刷新当前页面 下一篇:layui怎么弹出form
    大前端线上培训班

    相关文章推荐

    • layui的模块是什么意思?• layui怎么添加icon• jquery的easyui和layui区别是什么• layui怎么调整弹框大小

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网