HTML 페이지를 구현하는 두 가지 방법은 파일 다운로드를 클릭하세요.-HTML 튜토리얼-php.cn

HTML 페이지를 구현하는 두 가지 방법은 파일 다운로드를 클릭하세요.

青灯夜游

풀어 주다： 2018-10-08 17:21:55

앞으로

3197명이 탐색했습니다.

이 글에서는 HTML 페이지에서 파일을 클릭하여 다운로드하는 두 가지 구현 방법을 주로 소개합니다. 필요하신 분들은 참고하세요

<a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>

로그인 후 복사

사용자가 브라우저를 열고 링크를 클릭하면 파일이 직접 다운로드됩니다.

하지만 브라우저가 직접 열기를 지원하는 txt, png, jpg 등의 파일은 다운로드 작업을 수행하지 않고 파일을 직접 여는 경우가 있습니다. 이 경우 "다운로드" 속성을 추가해야 합니다. "를 a 태그에 ;

다음은 예시입니다

레이블 레이블로 이동하여 파일 경로를 표시하고, 경로 프롬프트에 따라 파일 경로를 완성하세요

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title></title>  
    </head>  
    <body>  
        <a href="321.png" download="test.png">点击下载</a>    
    </body>  
</html>

로그인 후 복사

필요한 경우 웹 페이지에 업로드된 이미지에서 다운로드하려면 다음 방법을 사용하는 것이 가능할 수 있습니다

2 . 버튼을 사용하여 모니터링

버튼 모니터링은 두 가지 방법으로 나눌 수 있는데,

첫 번째는 window.open()

var $eleBtn1 = $("#btn1");  
        var $eleBtn2 = $("#btn2");  
        //已知一个下载文件的后端接口：https://codeload.github.com/douban/douban-client/legacy.zip/master  
        //方法一：window.open()  
        $eleBtn1.click(function(){  
            window.open("https://codeload.github.com/douban/douban-client/legacy.zip/master");  
        });

로그인 후 복사

두 번째는 폼 제출

//方法二：通过form  
        $eleBtn2.click(function(){  
            var $eleForm = $("<form method=&#39;get&#39;></form>");  
            $eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master");  
            $(document.body).append($eleForm);  
            //提交表单，实现下载  
            $eleForm.submit();  
        });

로그인 후 복사

요약

위는 편집기에서 소개한 HTML 페이지에서 파일을 다운로드하기 위해 클릭하는 두 가지 구현 방법입니다. 모두에게 도움이 되기를 바랍니다.

위 내용은 HTML 페이지를 구현하는 두 가지 방법은 파일 다운로드를 클릭하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!