Heim >Web-Frontend >Layui-Tutorial >So implementieren Sie die Download-Funktion in Laui

So implementieren Sie die Download-Funktion in Laui

藏色散人
藏色散人Original
2020-11-18 11:00:367445Durchsuche

So implementieren Sie die Download-Funktion in Laui: Öffnen Sie zuerst die entsprechende Front-End-Codedatei, geben Sie dann direkt die Adresse des Download-Links über das href-Attribut im a-Tag ein und klicken Sie schließlich darauf. Das Download- und Speicherfenster wird automatisch geöffnet hoch.

So implementieren Sie die Download-Funktion in Laui

Die Betriebsumgebung dieses Tutorials: Windows10-System, Laui2.5.6. Dieser Artikel gilt für alle Computermarken.

Empfohlen: „LayUI-Tutorial

So implementieren Sie die Download-Funktion in Laui:

Das href-Attribut im a-Tag kann direkt die Adresse des Download-Links angeben. Wenn Sie darauf klicken, wird das Download- und Speicherfenster geöffnet automatisch angezeigt.

Laden Sie Dateien mit dem nativen Upload-Datei-Tag hoch und erhalten Sie den vollständigen Pfad der hochgeladenen Datei:

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

Hinweis: e.currentTarget.files[0].name ist „Dateien“, nicht „Datei“

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Download-Funktion in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn