Obrazek z input dynamicznie się pojawia Opcje

[Ciubas]

witam,

mam pytanie mam taki formularz:

[HTML] pobierz, plaintext 
 ..
<p><label for="picture">Picture</label><input type="file" name="picture" /></p>
<p><input type="submit" value="Create" /></p>
..
[HTML] pobierz, plaintext 

Czy da się zrobić tak aby obrazek od razu się pojawiał? Czyli wczytywał dynamicznie z dysku po przez js a nie przeładowanie strony?

Potrzebuję odczytać z obrazka klika rzeczy które wprowadzam na resztę formularza i to znacznie ułatwiło by mi zadanie.

[kamil4u]

Zrobiłem najprostszy test:

Kod

<input type="file" onchange="alert(this.value)">

Kod ten wyświetla jedynie "część" ścieżki do pliki(FF - może starsze przeglądarki pokażą pełną ścieżkę), a dokładnie tylko jego nazwę - skoro tak jest to pewnie jest to związane z bezpieczeństwem( żeby nie było wiadomo, gdzie użytkownik trzyma pliki - moje domysły) stąd mój post.

Kod ~mortusa działa trochę inaczej(i tylko dla FF). Sam zobacz, że nie wyświetlana jest pełna ścieżka, a sam plik:

Kod

<input type="file" onchange="alert(this.files[0].getAsDataURL() );>

Stwierdziłem zatem, że skoro nie da się tego zrobić dla wszystkich przeglądarek to nie da się tego zrobić - zastosuj ajax + upload pliku(chyba nie musisz zapisywać obrazka na serwerze( w PHP dawno się nie bawiłem) - http://forum.webhelp.pl/php-i-bazy-danych/...on-t199853.html )

@Rid: Ty mówisz po prostu o

Kod

new Image

- moim zdaniem o czymś innym