0

HTML5/JavaScript を使用してテキスト ファイルをダウンロードし、その内容を表示する方法はありますか? メモリの場所に保存したいのですが、一時ファイルに保存するのが2番目のオプションです。

- 更新しました -

以下の発言の通り。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");
        });
});
4

2 に答える 2

1

クライアント側から txt ファイルのコンテンツを取得するには、さまざまな方法があります。1 つは JQuery .get()または.load()を使用することですが、JQuery を使用するかどうかはわかりません。

別の簡単なオプションは、iframe を使用することです。次の例を見てください。

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

JSFIDDLE DMEO

于 2014-04-04T02:55:07.467 に答える
1

HTML5 + Javascript でそれができます！私はこの例を作りました:

HTML コード:

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

Javascript コード:

$("#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>

Javascript/jQuery:

$.ajax({
    url: "myFile.txt",
    data: {},
    async: false,
    success: function (response) {
        $("#myServerContents").html(response.replace(/\n/g, "<br />"));
    },
    dataType: "text/plain"
});
于 2014-04-04T03:07:08.927 に答える