1. 사용자가 브라우저를 열고 링크를 클릭하면 파일이 직접 다운로드되도록 태그
<a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>
를 사용하세요.
하지만 브라우저가 직접 열기를 지원하는 txt, png, jpg 등의 파일은 다운로드 작업을 수행하지 않고 파일을 직접 여는 경우가 있습니다. 이 경우 "다운로드" 속성을 추가해야 합니다. "를 a 태그에 ;
(추천 학습 튜토리얼: html 입문 튜토리얼)
예제는 다음과 같습니다.
레이블 레이블로 이동하여 파일 경로를 표시하고 그에 따라 파일 경로를 완성합니다. 경로 프롬프트로
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="321.png" download="test.png">点击下载</a>
</body>
</html>웹 페이지에 업로드된 사진을 다운로드하려면 다음 방법을 사용할 수 있습니다.
호스트 도메인 이름 가져오기:
location.hostname
포트 번호 가져오기:
location .port
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='get'></form>");
$eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master");
$(document.body).append($eleForm);
//提交表单，实现下载
$eleForm.submit();
});더 많은 프로그래밍 관련 내용을 보려면, PHP 중국어 홈페이지프로그래밍 입문 칼럼을 주목해주세요!
위 내용은 html은 클릭하여 파일을 직접 다운로드하는 것을 실현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
