HTML5 Файл api, чтение в xml / текстовом файле и отображение его на странице?

Question

Я пытался использовать приведенный ниже код, измененный с http://www.html5rocks.com/tutorials/file/dndfiles/, для чтения в текстовом или XML-файле и отображения содержимого ниже.(е, UTF-8);Не работает

reader.readAsDataURL (f);Отображает файл в Base64

Как получить текстовый файл для отображения на странице?

Answer 1

Вам необходимо передать кодировку в виде строки; поставить кавычки вокруг UTF-8. Кроме того, это readAsText, а не readAsDataText:

reader.readAsText(f,"UTF-8");

Или вы можете просто полностью отключить кодировку, в этом случае он попытается автоматически определить UTF-16BE или LE, а если он не один из них, он просто будет использовать UTF-8 по умолчанию.

reader.readAsText(f);

Answer 2

Это можно сделать довольно легко, используя javascript XMLHttpRequest() class:

function FileHelper()
{}
{
    FileHelper.readStringFromFileAtPath = function(pathOfFileToReadFrom)
    {
        var request = new XMLHttpRequest();
        request.open("GET", pathOfFileToReadFrom, false);
        request.send(null);
        var returnValue = request.responseText;

        return returnValue;
    }
}

...

var text = FileHelper.readStringFromFileAtPath ( "mytext.txt" );