Javascript를 사용하여 fie 다운로드

Question

UI로 렌더링되는 클라이언트 측에 JSON 배열이 있습니다. 사용자가 파일로 내용을 다운로드하려고합니다. 어떻게하면 클라이언트 측에서 서버로 컨텐츠를 보내고 파일로 다운로드 할 수 있습니까?

POST Ajax 요청으로 인해 파일을 다운로드 할 수없는 것으로 나타났습니다. 어떻게 할 수 있습니까?

Answer 1

콘텐츠가 클라이언트에서 사용 가능한 인 경우 서버로 보내야합니다. 이런 식으로 뭔가를 시도 :

// Use equivalent in your server side script if not using PHP 
$filename = 'download-'.time().'.json'; 
header('Content-Type: application/octet-stream'); 
header('Content-Transfer-Encoding: Binary'); 
header('Content-disposition: attachment; filename="'.$filename.'"'); 
exit($_GET['json']); 

이 사용 :

<a id="download_link">Download</a> 

$('#download_link').on('click', function(e){ 
    e.preventDefault(); 
    window.location = 'my-handler.php?json=' + myJsonString; 
}); 

는

// or without jQuery 
document.getElementById('download_link').onclick = function(){ 
    window.location = 'my-handler.php?json=' + myJsonString; 
}; 

그런 다음 파일 내용으로 서버에 전송 된 데이터를 사용하여, my-handler.php에서 다운로드를 강제로 메서드를 사용하면 현재 창을 바꾸지 않고 다운로드 프롬프트가 시작되지만 i를 열 수 있습니다. 새 창. 원한다면.

이것은 빠르고 더러운 솔루션입니다. 이것은 사람이 무엇이든 입력하고 파일을 다운로드 할 수있게합니다. 콘텐츠를 먼저 확인하는 것이 현명한 방법 일 수 있습니다. 또한 콘텐츠가 너무 큰 문제가있을 수 있습니다.