Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JavaScript] Formularz PHP - podgląd obrazka
Forum PHP.pl > Forum > Przedszkole
tenloginjestzajety
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.
rad11
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/
b4rt3kk
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.
markuz
@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.
rad11
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.
markuz
Ale spójrz w kod autora:

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

To jest input typu text czy file?
rad11
Moze autor sam nie wie czego chce. haha.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.