ホームページ  >  記事  >  ウェブフロントエンド  >  Lauiuiにダウンロード機能を実装する方法

Lauiuiにダウンロード機能を実装する方法

藏色散人
藏色散人オリジナル
2020-11-18 11:00:367422ブラウズ

Lauiui がダウンロード機能を実装する方法: まず、対応するフロントエンド コード ファイルを開き、次に a タグの href 属性を通じてダウンロード リンクのアドレスを直接指定し、最後にクリックしてダウンロードと保存ウィンドウが自動的にポップアップします。

Lauiuiにダウンロード機能を実装する方法

#このチュートリアルの動作環境: 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 はファイルであり、ファイルではありません

以上がLauiuiにダウンロード機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。