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

Niestety, ale jakoś mi to nie idzie zupełnie ;/. 


[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html lang='pl'>
  3. 	<head>
  4. 		<title>Pliki z cenami</title>
  5. 		<meta charset='utf-8' />
  6.  
  7. 	</head>
  8. 	<body>
  9.  
  10. 		<input type='file' id='plik' onchange='Otworz()'/>
  11. 		<br><br>
  12. 		<div id='wynik'>BRAK</div>
  13.  
  14. 		<script>		
  15. 			var Otworz = function()
  16. 			{
  17. 				var plik = document.getElementById('plik');
  18. 				var fileReader = new FileReader();
  19.  
  20. 				fileReader.readAsText(plik);
  21. 				alert(fileReader);	
  22. 			}		
  23. 		</script>
  24. 	</body>
  25. </html>
[HTML] pobierz, plaintext


No i nic ... nie możesz przeczytać pliku. Wiem, może dla was to banalne, ale w JS się serio gubię ;/.
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
2 Użytkowników czyta ten temat (2 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: 27.09.2025 - 07:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn