>  기사  >  웹 프론트엔드  >  Layui에서 다운로드 기능을 구현하는 방법

Layui에서 다운로드 기능을 구현하는 방법

藏色散人
藏色散人원래의
2020-11-18 11:00:367333검색

layui에서 다운로드 기능을 구현하는 방법: 먼저 해당 프런트 엔드 코드 파일을 연 다음 a 태그의 href 속성을 통해 다운로드 링크 주소를 직접 입력하면 다운로드 및 저장 창이 자동으로 나타납니다. 위로.

Layui에서 다운로드 기능을 구현하는 방법

이 튜토리얼의 운영 환경: windows10 시스템,layui2.5.6 이 기사는 모든 브랜드의 컴퓨터에 적용됩니다.

추천: "layUI Tutorial"

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은 파일이 아니라 파일입니다

위 내용은 Layui에서 다운로드 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.