Home  >  Article  >  Web Front-end  >  How to implement download function in layui

How to implement download function in layui

藏色散人
藏色散人Original
2020-11-18 11:00:367427browse

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.

How to implement download function in layui

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn