다운로드하려면 클릭하세요]."/> 다운로드하려면 클릭하세요].">

>웹 프론트엔드 >HTML 튜토리얼 >HTML에서 클릭하여 다운로드 파일 기능을 구현하는 방법

HTML에서 클릭하여 다운로드 파일 기능을 구현하는 방법

王林
王林앞으로
2020-08-12 16:46:424536검색

HTML에서 클릭하여 다운로드 파일 기능을 구현하는 방법

a 태그를 사용하여 파일 클릭시 다운로드 기능 완성

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

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

(추천 튜토리얼: html 튜토리얼)

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

예:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="http://171.188.96.**:****/d/c833945c11/files/?p=/plugins.maintain.CheckLinePartTask/cebab687-6dc5-4128-b7d9-8bc2fe369598.png&raw=1"
download="test.png">点击下载</a>
</body>
</html>

down 뒤의 속성은 다운로드한 파일의 파일 이름입니다.

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

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제