How to implement download function in layui

The method for layui to implement the download function: first open the corresponding front-end code file; then directly give the address of the download link through the href attribute in the a tag; finally click and the download and save window will automatically pop up.

The operating environment of this tutorial: windows10 system, layui2.5.6. This article is applicable to all brands of computers.

Recommended: "layUI Tutorial"

layui method to implement the download function:

The href attribute in the a tag can directly give the address of the download link , the download and save window will automatically pop up when clicked.

Use the native upload file tag to upload files and get the full path of the uploaded file:

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

Note: e.currentTarget.files[0].name is files, not file

The above is the detailed content of How to implement download function in layui. For more information, please follow other related articles on the PHP Chinese website!