<a href=/user/test/xxxx.txt download=filename.txt>다운로드하려면 클릭하세요</a>
이런 방식으로 사용자가 브라우저를 열고 링크를 클릭하면 파일이 직접 다운로드됩니다.
그러나 브라우저가 직접 열 수 있도록 지원하는 txt, png, jpg 및 기타 파일과 같은 경우에는 다운로드 작업을 수행하지 않고 파일을 직접 열 수 있습니다. 이 경우 다운로드 속성을 추가해야 합니다. a 태그;
다음은 예시입니다<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. /master //방법 1: window.open() $eleBtn1.click(function(){ window.open(https://codeload.github.com/douban/douban-client/legacy.zip/master) }); 두 번째는 양식 제출입니다. //방법 2: $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(); }); 요약위 내용은 에디터가 소개한 HTML 페이지에 클릭하여 다운로드할 수 있는 두 가지 방법입니다. 문의사항이 있으시면 메시지를 남겨주시면 에디터가 시간 맞춰 답변해 드리겠습니다. . 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!