• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Pobieranie wartości z input file i przypisanie jej do js

VPS Starter Arubacloud
0 głosów
1,804 wizyt
pytanie zadane 25 marca 2017 w JavaScript przez Sedki Początkujący (250 p.)

Witam :) 

Posiadam problem związany z pobraniem zdjęcia z inputa type file id= rej-zdj. Gdy pobieram tą wartość w js, a następnie wyświetlam ją w przeglądarce to występuje błąd w ładowaniu linku.

Czyli:

var zdj = document.getElementById('rej-zdj').value; (pobiera wartość z inputa)

var zdj_n = document.getElementById('rej-zdj-n'); (id gdzie ma się wyświetlić zdjęcie)

var img = document.createElement('img');
   img.className = "zdj-nowe";
   img.src = zdj;
   zdj_n.appendChild(img);

(przypisuje pobraną ścieżkę do img) 

i przy wykonaniu tego scriptu na stronie nie wyświetla się zdjęcie i ścieżka zaczyna się od C:\fakepath\zdj.jpg . Zdjęcie jest w katalogu F:\..\str . Z tego co doczytałem to fakepath jest czymś w rodzaju zabezpieczenia w przeglądarkach (Chyba) 

Tak to wygląda na stronie: 

1. Wyszukiwanie pliku

2.Wybieranie pliku

3.Podanie pliku

4.Wykonanie funkcji (onClick)

a) Pojawia się po wykonaniu funkcji

po przypisaniu ręcznie w js do

img.src = "brillo.jpg"; zdjęcie wyświetla się poprawnie.

Czy jest możliwość wyświetlenia tego zdjęcia tylko za pomocą js(bez PHP)? Z góry dziękuję za jakąkolwiek próbę pomocy :) 

1 odpowiedź

+1 głos
odpowiedź 25 marca 2017 przez Magicone Nałogowiec (45,100 p.)
wybrane 25 marca 2017 przez Sedki
 
Najlepsza

To tak nie działa, pole value z elementu input[type=file] nie odnosi się do rzeczywistej ścieżki, a to wszystko ze względu na bezpieczeństwo jeśli chodzi o manipulację informacjami o plikach lokalnych. Musisz skorzystać z FileReader API, prosty przykład jak to zrobić masz na przykład tutaj.

komentarz 25 marca 2017 przez Sedki Początkujący (250 p.)

Wielkie dzięki męczyłem się z tym od ponad godziny frown

Podobne pytania

0 głosów
1 odpowiedź 481 wizyt
pytanie zadane 1 kwietnia 2018 w HTML i CSS przez halotelefonek Bywalec (2,410 p.)
0 głosów
2 odpowiedzi 266 wizyt
pytanie zadane 30 sierpnia 2017 w HTML i CSS przez Vorex444 Dyskutant (9,610 p.)
0 głosów
1 odpowiedź 191 wizyt
pytanie zadane 7 maja 2017 w SQL, bazy danych przez Bartlomiej Bywalec (2,480 p.)

92,454 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...