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

eMeNee · « **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

Reklama

Google CTCCTCGGCGGGCACGTAG · « **Odpověď #1 kdy:** 23. 03. 2021, 13:02:05 »

podle me tohle bez vyberu souboru uzivatelem pomoci upload file formulare nejde.

Kit · « **Odpověď #2 kdy:** 23. 03. 2021, 13:18:21 »

Je to záměrně uděláno tak, aby to nešlo.

Alternativou by mohlo být ukládání do cookies nebo do localStorage:
https://www.w3schools.com/js/js_cookies.asp
https://www.w3schools.com/jsref/prop_win_localstorage.asp
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage

eMeNee · « **Odpověď #3 kdy:** 23. 03. 2021, 14:08:37 »

Citace: A.P.Hacker 23. 03. 2021, 13:02:05

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ě?

eMeNee · « **Odpověď #4 kdy:** 23. 03. 2021, 14:14:51 »

Citace: A.P.Hacker 23. 03. 2021, 13:02:05

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?

Reklama

Wangarad · « **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

eMeNee · « **Odpověď #6 kdy:** 23. 03. 2021, 14:26:36 »

Citace: Kit 23. 03. 2021, 13:18:21

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?

Wangarad · « **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).

eMeNee · « **Odpověď #8 kdy:** 23. 03. 2021, 14:33:28 »

Citace: Wangarad 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).

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

Wangarad · « **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.

eMeNee · « **Odpověď #10 kdy:** 23. 03. 2021, 14:50:07 »

Citace: Wangarad 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.

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á?

Filip Jirsák · « **Odpověď #11 kdy:** 23. 03. 2021, 14:51:54 »

Citace: Wangarad 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

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).

eMeNee · « **Odpověď #12 kdy:** 23. 03. 2021, 15:39:48 »

Citace: Filip Jirsák 23. 03. 2021, 14:51:54

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ě).

Wangarad · « **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.

Filip Jirsák · « **Odpověď #14 kdy:** 23. 03. 2021, 16:26:41 »

Citace: eMeNee 23. 03. 2021, 15:39:48

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.

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

eMeNee

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

Reklama

Google CTCCTCGGCGGGCACGTAG

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

Kit

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

eMeNee

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

eMeNee

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

Reklama

Wangarad

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

eMeNee

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

Wangarad

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

eMeNee

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

Wangarad

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

eMeNee

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

Filip Jirsák

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

eMeNee

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

Wangarad

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

Filip Jirsák

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