2013-07-28 5 views
1

웹상의 이미지에 대한 URL이 있다고 가정 해 보겠습니다. URL이 http://www.gearheadwalls.com/wp-content/uploads/2013/07/Mercedes-Benz-S-Class-4.jpgURL에서 직접 이미지 다운로드

인 경우 사용자가 다운로드 버튼을 누르면 이미지를 다운로드해야한다고 가정 해 보겠습니다.

window.location.href = Link; 

를하지만 가끔은 그냥 브라우저에서 이미지를 열고 내가 원하는대로 때때로 그것은 다운로드 :

나는 이것을 시도했습니다.

어떻게하면됩니까?

+0

어떤 언어를 사용하고 있습니까? 웹 개발이 아닌 통계 계산에 일반적으로 사용되는 'r'의 하위 집합 인 'car'라는이 질문에 태그를 지정했습니다. –

답변

4

당신은 앵커에 HTML5 download attribute을 사용할 수 있습니다 : 당신은 사용자가 파일을 다운로드 할 수 있도록하기 위해 적절한 헤더를 전달해야

<a href="http://www.gearheadwalls.com/wp-content/uploads/2013/07/Mercedes-Benz-S-Class-4.jpg" download="http://www.gearheadwalls.com/wp-content/uploads/2013/07/Mercedes-Benz-S-Class-4.jpg"> 
    <img src="http://www.gearheadwalls.com/wp-content/uploads/2013/07/Mercedes-Benz-S-Class-4.jpg"> 
</a> 
+0

다운로드 속성은 IE 및 Safari에서 지원되지 않습니다. http://caniuse.com/#feat=download –

2

. URL에 파일 링크를 제공하면 브라우저가이를 다르게 해석합니다. 처음에 브라우저에서 파일을 열려고 시도 할 수 있습니다. 실패하면 파일이 강제 다운로드로 프롬프트됩니다.

은 무엇인가 당신이 PHP를 사용하는 경우, 다운로드 스크립트의 헤더입니다 :

header('Content-Type: ' . $mime_type); 
header('Content-Disposition: attachment; file="'.$name.'"'); 
header("Content-Transfer-Encoding: binary"); 
header('Accept-Ranges: bytes'); 
header("Cache-control: private"); 
header('Pragma: private'); 

전체 튜토리얼은 여기에서 찾을 수 있습니다 : www.phptutorialforbeginners.com/2013/04/file-download-script-in-php-php.html

+1

나는 그것을 뒤로 가져 간다 .... – iConnor

1

당신은 내용 - 처리 헤더 필드를 설정해야합니다, http://www.w3.org/Protocols/rfc2616/rfc2616-sec19.html에서 제안한대로 이미지를 브라우저에서 처리하면 안됩니다. PHP를 사용하는 경우이 링크가 도움이 될 수 있습니다. http://w3schools.invisionzone.com/index.php?showtopic=39943

이 문제 만 발생하면 직접이 파일을 일반적인 정적 리소스로 제공 할 수 없으며 수행 방법을 모르겠습니다. 이 아파치 :)

관련 문제