HTML5/Javascript를 사용하여 텍스트 파일을 다운로드하고 표시하는 방법은 무엇입니까?

Question

HTML5/JavaScript를 사용하여 텍스트 파일을 다운로드하고 내용을 표시 할 수 있습니까? 나는 그것을 메모리 위치에 저장하는 것을 선호하지만 임시 파일에 저장하는 것이 두 번째 옵션입니다.

- 업데이트 -

아래 내용을 참조하십시오. Atmos ObjectStore에서 파일을 가져 오는 AngularJS를 사용하여 지금까지 내가 얻은 것들이 있습니다. 파일 내용을 제시하는 방법이 나에게는 명확하지 않습니다. 클라이언트 측에서

var app = angular.module('MyTutorialApp',[]); 

app.controller("MainController", function($scope, $http) { 

    console.log("starting download"); 
    $scope.downloadedFile = null; 

    var config = {headers: { 
     'Accept': '*/*' 
    }}; 

    $http.get('https://some_path/theFile.txt?uid=myUUID&expires=1396648771&signature=mySignature', config) 
     .success(function(data) { 
      $scope.downloadedFile = data; 
      console.info(data); 
      console.log("finished download"); 
     }); 
}); 

Answer 1

당신이 할 수있는 HTML5 + 자바 스크립트와! 나는 this example했습니다 :

HTML 코드 :

<input id="myFile" type="file" value="Select a text file" /> 
<br /> 
<h3>Results:</h3> 
<div id="myContents"></div> 

자바 스크립트 코드 :

$("#myFile").on("change", function(e) { 
    var reader = new FileReader(); 
    reader.onload = function(e) { 
     $("#myContents").html(this.result.replace(/\n/g, "<br />")); 
    }; 
    reader.readAsText(e.target.files[0]); 
}); 

편집 :

당신은 당신의 질문을 편집했습니다, 지금은 당신을보고 TXT 파일을 서버에서 가져오고 싶습니다. 글쎄, 난 Angular.JS를 사용하지 않지만, jQuery를, 그것은 같은 것 :

는 HTML :

<div id="myServerContents"></div> 

자바 스크립트/jQuery를 :

$.ajax({ 
    url: "myFile.txt", 
    data: {}, 
    async: false, 
    success: function (response) { 
     $("#myServerContents").html(response.replace(/\n/g, "<br />")); 
    }, 
    dataType: "text/plain" 
}); 

Answer 2

가져 오기 txt 파일 내용이 한 JQuery와 .get() 또는 .load()를 사용하는 것, 여러 가지 방법으로 수행 할 수 있습니다,하지만 난 당신이 JQuery와 사용하는 경우 확실하지 않다.

또 다른 간단한 옵션은 iframe을 사용하는 것입니다,이 예제를 가지고 :

<iframe src='http://yourSite.com/yourDir/logs/myTextFile.txt' /> 

JSFIDDLE DMEO