html a태그 다운로드 download 예제 소스

예제 소스

    <div style="float: right;">
        <a href="/kor/images/downdata/DeliveryPerformance.pdf" download>
            <img src="/kor/images/btn3.png" alt="btn3" border="0" style="width:140px;height:70px;">
        </a>
    </div>
    <div style="float: right;margin-right:10px">
        <a href="/kor/images/downdata/catalogue.pdf" download>
            <img src="/kor/images/btn2.png" alt="btn2" border="0" style="width:140px;height:70px;">
        </a>
    </div>
    <div style="float: right;margin-right:10px">
        <a href="/kor/images/downdata/DM.pdf" download>
            <img src="/kor/images/btn1.png" alt="btn1" border="0" style="width:140px;height:70px;">
        </a>
    </div>

결과화면

 

소스 설명

 

a태그 href="" 에서 다운파일 링크를 확인한다.

서버에 파일 업로드 후 웹 브라우저 url로 파일 존재하는지 체크

download 옵션을 써준다.