Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Javascript] Wczytanie pliku do tablicy
bAb1k
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 12.10.2012

Ostrzeżenie: (0%)
-----

Witam serdecznie.
Jestem jeszcze niezłym laikiem w JacaScript'cie, ale ogólne definicje programowania są mi znane.

Może wkleję na start jakiś fragment kodu, który by coś "zapoczątkował w temacie", a później opiszę o co mi chodzi:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html lang='pl'>
  3. 	<head>
  4. 		<title>Pliki z cenami</title>
  5. 		<meta charset='utf-8' />
  6. 	</head>
  7. 	<body>	
  8. 		<input type='file' id='plik' />
  9.                 <button id='przycisk'>Kliknij</button>
  10. 		<div id='wynik'></div>	
  11.  
  12. 		<script>
  13.  
  14. 			function Czytaj()
  15. 			{
  16. 				document.getElementById('wynik').innerHTML = 'cos sie dzieje';
  17. 			}
  18.  
  19. 			document.querySelector('#przycisk').onClick = Czytaj;
  20.  
  21. 		</script>		
  22. 	</body>
  23. </html>
[HTML] pobierz, plaintext


Jeszcze na wstępie chciałbym napisać, że nie oczekuję gotowców, chciałbym zrozumieć co piszę, abym nie musiał się upominać kolejnymi postami, czy tematami (IMG:style_emoticons/default/smile.gif)

A zatem: Chciałbym wczytać po przez Input 'file' i (najlepiej) od razu załadować plik (o tym za moment), albo dopiero po naciśnięciu button'a. Aktywowałoby to funkcję Czytaj() która by dany plik wczytała i rozłożyła na tablicę (jedna linijka to jeden indeks w tablicy) oraz oczywiście wyświetlenie tych linijek w jakimś div'ie albo czymkolwiek (IMG:style_emoticons/default/wink.gif) .

Z góry dziękuję za pomoc (IMG:style_emoticons/default/wink.gif)

[Dalsze czytanie na własną rękę (IMG:style_emoticons/default/haha.gif) ]

Rzecz jasna, później chcę zrobić możliwość edycji danego fragmentu tekstu oraz na koniec funkcję, która by zapisała ten plik (już edytowany) - zatem można się spodziewać również takich pytań/tematów, ale jednak chcę na start zrobić podstawę.

W C# zrobiłbym po prostu wczytanie pliku, przypisanie do zmiennej typu string i splitowanie do tablicy znakiem ENTER (\n - jak się nie mylę?) - no ale w JS to wygląda chyba jakoś inaczej, bo nie mogłem nawet odczytać tego pliku (IMG:style_emoticons/default/wink.gif)

Ten post edytował bAb1k 27.05.2015, 11:48:35
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
bAb1k
post
Post #2





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 12.10.2012

Ostrzeżenie: (0%)
-----

Po wielkich trudach i literówkach (nie lubię kopiować) zaczeło coś wyświetlać. Dzięki wielkie za komentarze, jednak chciałbym się dopytać czy dobrze rozumiem:

Cytat
function(e){ // jakiś kod}


Jest to "indywidualna" funkcja wewnątrz zdarzenia, gdzie argument 'e' oznacza wartość inputa? ( - pytanie czy chodzi o "value" czy nie? a jak nie to o co...) I odwołując się do 'this' mamy na myśli właśnie to 'e'?


Cytat
fileReader.readAsText(file); //każemy mu odczytać nasz plik
jak mam rozumieć owy komentarz? Odczytuje plik w jakiej formie? (może też proste pytania, ale są wątpliwości...)

Samą metodę 'addEventListener' już widziałem - tylko muszę się z nią oswoić i biegnę już do dokumentacji nim zacznę cokolwiek więcej działać (IMG:style_emoticons/default/wink.gif) . Na temat pierwszego parametru 'change' - wszystko jasne - nie ma wątpliwości, a parametr true/false też już rozumiem (IMG:style_emoticons/default/wink.gif) .
Go to the top of the page
+Quote Post

Posty w temacie
- bAb1k   [Javascript] Wczytanie pliku do tablicy   27.05.2015, 11:44:19
- - Comandeer   Musisz skorzystać z FileReader: https://developer....   27.05.2015, 12:21:55
- - bAb1k   Niestety, ale jakoś mi to nie idzie zupełnie ;/. ...   27.05.2015, 13:10:51
- - Comandeer   No to tak: Pole to pole. A Ty chcesz plik, który ...   27.05.2015, 15:52:35
- - bAb1k   Po wielkich trudach i literówkach (nie lubię kopio...   27.05.2015, 17:02:10
- - Comandeer   CytatJest to "indywidualna" funkcja wewn...   27.05.2015, 17:08:55
- - bAb1k   Jeszcze Cię tutaj zapewne pomęczę (jeżeli nie masz...   27.05.2015, 18:05:24
- - Comandeer   Kodthis.files[0] Dany input, jeśli ma nada...   27.05.2015, 20:08:07
- - bAb1k   Dzięki wielkie . Pierwsza część za mną. Już udał...   28.05.2015, 00:39:54

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 11.10.2025 - 08:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn