Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP][JavaScript] Formularz PHP - podgląd obrazka, sciezka z input
tenloginjestzaje...
post 13.01.2015, 19:53:28
Post #1





Grupa: Zarejestrowani
Postów: 358
Pomógł: 1
Dołączył: 20.07.2014

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


Witam
Mam problem, z którym nie mogę sobie poradzić.

Chcę zrobić podgląd obrazka po wpisaniu w input adresu url. Znalazłem skrypt dla upload jednak nie potrafię tego przerobić na pobieranie url wpisanego w input text

  1. <script>
  2. function podglad() {
  3. document.getElementById('zdjecie').style.visibility="visible";
  4. document.getElementById('zdjecie').src = 'file:///'+document.getElementById('pliczek').value;
  5. }
  6. function error(){
  7. document.getElementById('zdjecie').style.visibility="hidden";
  8. }
  9. </script>
  10.  
  11. <form enctype='multipart/form-data' method='post'>
  12. <input type="file" name="plik" id="pliczek" onchange="podglad();">
  13. </form>
  14. <img id="zdjecie" src='' onerror='error()'>


Dziękuje za pomoc.


--------------------
Nigdy nie zapominam kliknąć "pomógł". Zastosowanie na stronie [prosze nie spamuj]
Go to the top of the page
+Quote Post
rad11
post 14.01.2015, 10:09:46
Post #2





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

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


Przerob sobie to na czysty js jak chcesz a jak nie to zalacz biblioteke jquery i zrob w ten sposob:

http://jsfiddle.net/anu83hqf/1/

Ten post edytował rad11 14.01.2015, 10:13:56
Go to the top of the page
+Quote Post
b4rt3kk
post 14.01.2015, 12:26:17
Post #3





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


W momencie wybrania pliku do uploadu, a jeszcze przed zatwierdzeniem formularza, znajduje się on ciągle tylko lokalnie na dysku użytkownika, gdzie ani php, ani js nie ma do niego dostępu i mieć nie może.

Plik, żeby był dostępny dla skryptu, musi znajdować się na serwerze.


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
markuz
post 14.01.2015, 12:37:30
Post #4





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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


@b4rt3kk - js ma do niego dostęp
Zainteresuj się FileReader lub skorzystaj z gotowca:
http://stackoverflow.com/questions/1406942...e-before-upload
http://stackoverflow.com/questions/4459379...-it-is-uploaded

Z tego co wiem, po wybraniu pliku z input type file przeglądarka wrzuca go do temp skąd go można wyciągnąć za pomocą właśnie FileReader`a.

Ten post edytował markuz 14.01.2015, 12:38:58


--------------------
Go to the top of the page
+Quote Post
rad11
post 14.01.2015, 13:02:47
Post #5





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

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


Ale z tego co czytam autor mial na mysli podglad obrazka wiec wystarczy ze wrzuci sciezke z serwera do pliku w inputa. Chyba ze zle zrozumialem.

Ten post edytował rad11 14.01.2015, 13:10:12
Go to the top of the page
+Quote Post
markuz
post 14.01.2015, 13:16:37
Post #6





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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


Ale spójrz w kod autora:

  1. <input type="file" name="plik" id="pliczek" onchange="podglad();">

To jest input typu text czy file?


--------------------
Go to the top of the page
+Quote Post
rad11
post 14.01.2015, 13:20:11
Post #7





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

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


Moze autor sam nie wie czego chce. haha.gif
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 1.08.2025 - 01:49