JavaScript načtení proměnné z lokálního souboru

JavaScript načtení proměnné z lokálního souboru
« kdy: 23. 03. 2021, 12:49:10 »

Dobrý den,
potřeboval bych do lokálních www stránek (bez nutnosti je ukládat na server) vložit JavaScript, kterými po zadání hodnoty do formuláře vypíše funkcí alert() řádek odpovídající zadané hodnotě v textovém souboru data.txt, který je uložený lokálně v adresáři DATA. Mohl by mi s tím někdo poradit?

zdrojový kód www stránky:

Kód: [Vybrat]
<?xml version="1.0" encoding="utf-8"?>
<head>
<title>Výběr velikosti</title>
<script type="text/javascript">

function velikost(f) {

velikost se rovná vybranému řádku (f.volba.value) v textovém souboru data.txt v adresáři DATA

alert (velikost);
}

</script>
</head>
<html>
<body>
<form>
<H1>Vyber velikost (1,2,3)</H1>
<input type="text" name="volba" onChange="velikost(form);"/>
</form>
</body>
</html>



obsah texťáku DATA/data.txt:

Kód: [Vybrat]
malý
velký
největší

Potřebuju doplnit funkci velikost(f) tak, aby po zadání např. 2 do formuláře se funkcí alert() vypsal 2.řádek souboru tj. velký

Děkuji moc
Změnit zprávu


Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #1 kdy: 23. 03. 2021, 13:02:05 »
podle me tohle bez vyberu souboru uzivatelem pomoci upload file formulare nejde.

Kit

  • *****
  • 704
    • Zobrazit profil
    • E-mail

Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #3 kdy: 23. 03. 2021, 14:08:37 »
podle me tohle bez vyberu souboru uzivatelem pomoci upload file formulare nejde.

A pokud chci použít ten výběr souboru uživatelem tak by se to mělo udělat jak?

Mám přidat do formuláře:
Kód: [Vybrat]
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
A nebo jsem na špatné cestě?

Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #4 kdy: 23. 03. 2021, 14:14:51 »
podle me tohle bez vyberu souboru uzivatelem pomoci upload file formulare nejde.

A nebo to mám chápat, že bez toho, aniž bych to dal na server tuto úlohu nevyřeším?


Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #5 kdy: 23. 03. 2021, 14:19:35 »
Bez toho uploadu na server to nedas. Nie je to mozne.
Mas moznost ten subor ulozit na server a nasledne spracovat v tom pripade chod cestov
Citace
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
ale ak nevies ako ho nahrat a spracovat tak doporucujem podobne ako  KIT ale skorej
https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications
https://web.dev/read-files/#toc-reading-files


Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #6 kdy: 23. 03. 2021, 14:26:36 »
https://www.w3schools.com/jsref/prop_win_localstorage.asp

Pokud bych se vydal cestou localstorage, tak ty data jsou fyzicky uloženy kde?
Je možné je v texťáku editovat?

Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #7 kdy: 23. 03. 2021, 14:27:54 »
Ved to tam mas napisane. Otvoril a precital si si ten link?
Definition and Usage
The localStorage and sessionStorage properties allow to save key/value pairs in a web browser.

The localStorage object stores data with no expiration date. The data will not be deleted when the browser is closed, and will be available the next day, week, or year.

The localStorage property is read-only.

Tip: Also look at the sessionStorage property which stores data for one session (data is lost when the browser tab is closed).

Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #8 kdy: 23. 03. 2021, 14:33:28 »
Ved to tam mas napisane. Otvoril a precital si si ten link?
Definition and Usage
The localStorage and sessionStorage properties allow to save key/value pairs in a web browser.

The localStorage object stores data with no expiration date. The data will not be deleted when the browser is closed, and will be available the next day, week, or year.

The localStorage property is read-only.

Tip: Also look at the sessionStorage property which stores data for one session (data is lost when the browser tab is closed).

Pardón, angličtinu moc neovládám.

Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #9 kdy: 23. 03. 2021, 14:39:29 »
Preco mam pocit ze chces rovno hotove riesenie?

Ukaz kus kodu co si uz napisal resp. na com si za zasekol a budem rad ak budem vediet pomoct. Ak mas len to co si napisal hore tak vela stastia a doporucujem si nastudovat jakpsatweb pripadne nieaky ten tutorial.

Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #10 kdy: 23. 03. 2021, 14:50:07 »
Preco mam pocit ze chces rovno hotove riesenie?

Ukaz kus kodu co si uz napisal resp. na com si za zasekol a budem rad ak budem vediet pomoct. Ak mas len to co si napisal hore tak vela stastia a doporucujem si nastudovat jakpsatweb pripadne nieaky ten tutorial.

Potřeboval jsem nakopnout.


Jen pro ujasnění jestli jsem tu localstorage pochopil správně:
1) každá stránka má svou localstorage
2) každý prohlížeč má svou localstorage
3) data jsou přítomné do té doby než se smažou
(localStorage.removeItem("nazev-polozky"); - jedna položka
localStorage.clear(); - celá paměť)
4) pokud dojde k aktualizaci prohlížeče, systému zůstanou data v localStorage nepoškozená?


Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #11 kdy: 23. 03. 2021, 14:51:54 »
Bez toho uploadu na server to nedas. Nie je to mozne.
Mas moznost ten subor ulozit na server a nasledne spracovat v tom pripade chod cestov
Soubor vybraný uživatelem lze zpracovat i v JavaScriptu, není nutné jej odesílat na server. Nicméně nedoporučoval bych HTML soubor otvírat z disku – je tam spousta omezení. Pokud to chcete lokálně, je spousta jednoduchých webových serverů, přes které bych to spustil, aby to běželo alespoň na http://localhost:8080 (nebo jiném portu).

Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #12 kdy: 23. 03. 2021, 15:39:48 »
Pokud to chcete lokálně, je spousta jednoduchých webových serverů, přes které bych to spustil

Nějaké doporučení na konkrétní, případně odkaz, kde bych se o takových serverech něco dozvěděl (nejlépe v češtině).

Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #13 kdy: 23. 03. 2021, 16:00:25 »
vies co skus google.cz a napisat tam co chces. Sam zbadas ci vlastne rozumies tomu co chces.

Re:JavaScript načtení proměnné z lokálního souboru
« Odpověď #14 kdy: 23. 03. 2021, 16:26:41 »
Nějaké doporučení na konkrétní, případně odkaz, kde bych se o takových serverech něco dozvěděl (nejlépe v češtině).
V češtině mne nic nenapadá… Hodně serverů je pod node.js, např. Web Dev Server, Mozilla MDN má popsané spuštění serveru v Pythonu: How do you set up a local testing server?. Caddy je profi server, ale když ho v nějakém adresáři spustíte příkazem caddy file-server, spustí nad tím adresářem web server.