태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

MP3 링크시 스트리밍 되지 않고 다운로드 되도록 만들기

7년 전

웹 사이트를 만들다 보면, 브라우져의 자동화된 처리가 머리를 아프게 할때가 있습니다.
mp3 파일을 다운로드 할 수 있도록 만들고 싶을 때도 그렇죠. 그래서 간단한 방법을 소개합니다.

<a href="/pds/sample.mp3">mp3 다운로드</a>

위와 같이 해놓으면 클릭시에 다운로드가 되지 않고 자동으로 재생 되어버리죠.
HTML 로도 자바스크립트(javascript)로도 해결 방법이 없습니다.
물론 php 와 같은 서버 스크립트에서 헤더를 바꾸고 파일을 직접 읽어서 보내는 방법도 있기는 합니다. 하지만 간단한 처리라고 할 수는 없겠네요.
만약 웹사이트가 운영되는 웹호스팅 서비스에서 .htaccess 를 지원한다면 간단하게 해결할 수 있습니다.

.htaccess 파일에 아래와 같은 내용을 입력하세요.

<Files *.mp3>
ForceType application/octet-stream
Header set Content-Disposition attachment
</Files>

다운로드하도록 링크하고자 하는 mp3 의 디렉토리 혹은 루트에 위 파일을 업로드 하세요.

위 파일은 시스템에 대한 권한이 없는 사용자가 아파치(Apache) 서버의 설정을 변경할 수 있도록 제공되는 방법입니다.

추천 목록

번호	제목
2,825	사용자가 웹브라우저에서 뒤로가기를 했을때 감지하는 방법
2,824	[jQuery]버튼 활성화, 비활성화
2,823	jQuery show() / hide() / toggle() 사용법
2,822	jquery 여러가지 이벤트
2,821	border-radius 속성
2,820	네이버 오픈API 음성합성 API 사용하는 PHP 샘플코드
2,819	UTF8 한글 자르기..
2,818	iconv 에러 발생시 계속 처리하기 옵션
2,817	[PHP] 현재 페이지의 도메인 , URL 정보 알아내기.
2,816	[PHP] 막강 기능 배열..
2,815	[CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )
2,814	[Mobile] - 모바일웹 Href 태그속성들
2,813	[JqueryMobile] - 현재화면의 가로세로 사이즈 구하기
2,812	[JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법
2,811	jquery로 가로 넓이(width), 세로 높이(height) 자동 조절
2,810	iframe 높이 jquery로 자동조절하기
2,809	jQuery 오른쪽 영역의 높이를 왼쪽 영역의 높이와 동일하게 하기
2,808	jquery에서 테이블 짝수, 홀수 번째 TR 배경색 변경하기
2,807	jquery에서 테이블에 마우스 오버시 해당 행의 배경색상 변경하기
2,806	jquery 스크립트내 특정값 확인하기 (디버깅)
2,805	jquery cookie (jquery.cookie.js)
2,804	jquery div 기본 넓이, 높이 계산 및 padding, border 포함 하기
2,803	jquery 다른버전 추가 사용시 충돌 방지 (카페24 스마트디자인 기본내장 jquery 1.4.4 버전과 충돌시 해결방법)
2,802	특정 페이지 종료시 확인 경고창 출력
2,801	jquery 마우스 오른쪽 버튼 클릭 금지 (우클릭 제한)
2,800	정규식 특정구간의 내용만 가져오기
2,799	괄호() 안의 내용만 추출
2,798	4기가 이상의 테이블을 만들고 싶다면(테이블의 AVG_ROW_LENGTH, MAX_ROWS)
2,797	정규 표현식(Regular Expression)
2,796	PHP에서 유용하게 쓰이는 문자열 처리 함수