Есть ли способ, аналогичный <img>для отображения содержимого файла .txt

Question

У меня есть некоторый код HTML и JavaScript, который реализует слайд-шоу для набора изображений. Теперь я хотел бы включить файлы .txt.

Есть ли что-нибудь в HTML или JavaScript, которое я могу использовать для реализации того же самого? Я не хочу использовать что-либо за пределами HTML и JavaScript.

Answer 1

Это сделало бы работу

<iframe src="yourtext.txt"></iframe>

Answer 2

Используйте XMLHttpRequest, чтобы раскрыть текстовый файл и вставить его в div или подобное.Хотя вы можете использовать iframe, у вас очень мало контроля над внешним видом .... например, большинство браузеров даже не переносят строки.Недостатком xmlhttprequest является то, что он должен исходить с того же сервера, что и файл html.

Вот простая функция, которая немного упрощает использование XHR:

function getFile (url) {
  var request = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP.3.0");
  request.open("GET", url, true);
  request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
  request.onreadystatechange = function() {
    if (request.readyState == 4) {
        if (request.status == 200) {
          if (request.responseText) {

            // do stuff here


            }
        }
      else {
        // handle error
      }
    };
  request.send(null);
}

Answer 3

Вы можете загрузить текстовый файл в элемент IFRAME ...

<iframe src="foo.txt"></iframe>

Answer 4

Вы можете попробовать iframe.