Как обойтись без fetch при работе на локалке из папки?

Question

[Goldsliders]

Доброе утро!
Есть скрипт

fetch('database.txt').then(res => {
  return res.text();
}).then(text => {
var div = document.querySelector("#result");
var input = document.querySelector("input");
var el = document.querySelector("#result");
but.onclick=function(){
div.innerHTML = text.split('\n').filter(s => s.startsWith(input.value.trim()));
el.classList.add("active");
}
});

Но он не работает из "папки" так сказать , можете посоветовать как обойти это или исправить так что бы работало?)
Буду очень благодарен !)

Comments

[Александр]

Использовать локальный веб-сервер: serve, live-server, lite-server.

[Сергей Сергей]

Вшить в страницу в виде текстовой константы.

[Anonymous Penguin]

Александр, он вообще хочет просто открыть анонимный файл в браузере и выслать из него запрос. То есть без серверов

[Goldsliders]

Anonymous Penguin, https://javascript.ru/forum/dom-window/51739-pomog...

Вот находил вот такое , что то подобное мне и нужно)
Но так как не силен в js , нем могу переделать под себя...

[Anonymous Penguin]

Goldsliders, эм, ну тут что-то странное... Тут нет никаких сетевых запросов, он просто берет значение из поля ввода. Да и зачем в head подключать текстовый файл?

[Goldsliders]

Anonymous Penguin, Просто получается что этот файл он обрабатывает и выдает нужные данные , мне нужно что то такое же )
Правда не знаю как переделать под себя

[Anonymous Penguin]

Goldsliders, ну пытайся))

Тогда вместо database.txt сделай database.js, там создай переменную str и уже в нее запиши нужный текст. Тогда будет работать

[ThunderCat]

Goldsliders, вы же сами показали ссылку на вариант подключения, чем вам не угодил такой вариант? Зачем вам фетч, если вы загружаете жс файл?

Answer 1

[Антон Антон]

максимум, что можно, это сделать input type="file" и при его изменении (причем только интерактивном) читать файл, как-то так:

const texts = []

function readFile2Text(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader()

    reader.addEventListener('load', function () {
      resolve(reader.result)
    }, false)

    if (file) {
      reader.readAsText(file)
    } else {
      resolve('')
    }
  })

    async function onFileChange (event) {
      for (const file of event.target.files) {
        texts.push({ name: file.name, data: await readFile2Text(file) })
      }
      event.target.value = null
    }

Остальное запрещает безопасность браузера.

Answer 2

[ThunderCat]

не очень понимаю ваши страдания на пустом месте. Вы же сами привели ссылку где ваш вопрос решен в одну строчку, что еще вам нужно то?

Правда не знаю как переделать под себя

Так там вроде ничего переделывать не нужно. Хотя никто не знает структуру вашего тхт файла, которая в приведенном решении имеет правильный для работы вид. Как у вас выглядит внутренность файла - загадка.