HTML로 다운로드 링크를 만들려면 어떻게해야합니까?

HTML로 다운로드 링크를 만들려면 어떻게해야합니까?

---

HTML에 대한 기본 아이디어가 있습니다. 샘플 웹 사이트에서 다운로드 링크를 만들고 싶지만 어떻게 만드는지 모르겠습니다. 방문하지 않고 파일을 다운로드 할 수있는 링크를 만들려면 어떻게해야합니까?

---

이 답변은 구식입니다. 이제 여기에download 설명 된 속성이 있습니다 .

"다운로드 링크"가 다운로드 할 파일에 대한 링크를 의미하는 경우

  <a href="http://example.com/files/myfile.pdf" target="_blank">Download</a>

는 target=_blank다운로드가 시작되기 전에 새 브라우저 창이 나타나게됩니다. 이 창은 일반적으로 브라우저가 리소스가 파일 다운로드임을 감지하면 닫힙니다.

브라우저에 알려진 파일 형식 (예 : JPG 또는 GIF 이미지)은 일반적으로 브라우저 내에서 열립니다.

여기에 설명 된대로 올바른 헤더를 보내서 다운로드를 시도 할 수 있습니다 . (서버 측 스크립팅 또는 서버 설정 액세스가 필요합니다.)

---

HTML5를 지원하는 최신 브라우저에서는 다음이 가능합니다.

<a href="link/to/your/download/file" download>Download link</a>

이것을 사용할 수도 있습니다 :

<a href="link/to/your/download/file" download="filename">Download link</a>

이렇게하면 실제로 다운로드중인 파일의 이름을 변경할 수 있습니다.

---

<a download이미 언급 한 HTML5의 속성 에 추가하여 (또는 대체로)
, 브라우저의 디스크로 다운로드 동작은 다음 http 응답 헤더에 의해 트리거 될 수도 있습니다.

Content-Disposition: attachment; filename=ProposedFileName.txt;

이것은 HTML5 이전에 수행했던 방법이었습니다 (그리고 여전히 HTML5를 지원하는 브라우저에서 작동합니다).

---

다운로드 링크는 다운로드하려는 리소스에 대한 링크입니다. 다른 링크와 같은 방식으로 구성됩니다.

<a href="path to resource.name of file">Link</a>

<a href="files/installer.exe">Link to installer</a>

---

파일에 링크하려면 다른 페이지 링크와 동일하게 수행하십시오.

<a href="...">link text</a>

플러그인 (Windows + QuickTime = ugh)이 내장되어 있어도 강제로 다운로드하려면 htaccess / apache2.conf에서 사용할 수 있습니다.

AddType application/octet-stream EXTENSION

---

이 스레드는 아마도 고대에는 있지만, 로컬 파일의 경우 html5에서 작동합니다.

PDF의 경우 :

<p><a href="file:///........example.pdf" download target="_blank">test pdf</a></p>

그러면 새 창에서 pdf가 열리고 적어도 파이어 폭스에서 다운로드 할 수 있습니다. 다른 파일의 경우 파일 이름을 지정하십시오. 이미지와 음악의 경우 사이트와 동일한 디렉토리에 저장하려고합니다. 그래서 그것은 같을 것입니다

<p><a href="images/logo2.png" download>test pdf</a></p>

---

다운로드 속성은 IE에서 작동하지 않으며 "다운로드"를 완전히 무시합니다. href가 원격 사이트를 가리키는 경우 Firefox에서 다운로드가 작동하지 않습니다. 따라서 Odin의 예제는 Firefox 41.0.2에서 작동하지 않습니다.

---

<a>HTML5 태그의 새로운 다운로드 속성

<a href="http://www.odin.com/form.pdf" download>Download Form</a>
또는
<a href="http://www.odin.com/form.pdf" download="Form">Download Form</a>

I prefer the first one it is preferable in respect to any extension.

---

You can download in the various way you can follow my way. Though files may not download due to 'allow-popups' permission is not set but in your environment, this will work perfectly

<div className="col-6">
                    <a  download href="https://www.w3schools.com/images/myw3schoolsimage.jpg" >Test Download </a>
                </div>

another one this one will also fail due to 'X-Frame-Options' to 'sameorigin'.

<a href="https://www.w3schools.com/images/myw3schoolsimage.jpg" download>
  <img src="https://www.w3schools.com/images/myw3schoolsimage.jpg" alt="W3Schools" width="104" height="142">
</a>

---

There's one more subtlety that can help here.

I want to have links that both allow in-browser playing and display as well as one for purely downloading. The new download attribute is fine, but doesn't work all the time because the browser's compulsion to play the or display the file is still very strong.

BUT.. this is based on examining the extension on the URL's filename!You don't want to fiddle with the server's extension mapping because you want to deliver the same file two different ways. So for the download, you can fool it by softlinking the file to a name that is opaque to this extension mapping, pointing to it, and then using download's rename feature to fix the name.

<a target="_blank" download="realname.mp3" href="realname.UNKNOWN">Download it</a>
<a target="_blank" href="realname.mp3">Play it</a>

I was hoping just throwing a dummy query on the end or otherwise obfuscating the extension would work, but sadly, it doesn't.

---

Like this

<a href="www.yoursite.com/theThingYouWantToDownload">Link name</a>

So a file name.jpg on a site example.com would look like this

<a href="www.example.com/name.jpg">Image</a>

---

i know i am late but this is what i got after 1 hour of search

 <?php 
      $file = 'file.pdf';

    if (! file) {
        die('file not found'); //Or do something 
    } else {
       if(isset($_GET['file'])){  
        // Set headers
        header("Cache-Control: public");
        header("Content-Description: File Transfer");
        header("Content-Disposition: attachment; filename=$file");
        header("Content-Type: application/zip");
        header("Content-Transfer-Encoding: binary");
        // Read the file from disk
        readfile($file); }
    }

    ?>

and for downloadable link i did this

<a href="index.php?file=file.pdf">Download PDF</a>

참고URL : https://stackoverflow.com/questions/2793751/how-can-i-create-download-link-in-html