Forum PHP.pl > [html][js] pole typu file

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [html][js] pole typu file

Forum PHP.pl > Forum > Przedszkole

qwaq

21.08.2007, 13:08:55

jak zrobić żeby w polu formularza typu file po załadowaniu strony widniał tekst "proszę wybrać plik"

?

ps. value="...." nie działa wiec prosze o podpowiedz jak to zrobic w Java Script.

mike

21.08.2007, 13:20:48

Nie da się tego zrobić ze względów bezpieczeństwa.

Rozważ taką sytuację.
Robie formularz logowania z ukrytym polem <input type="file" /> Podczas ładowania strony wypełniam je domyślna lokalizacja plików konfiguracyjnych GG.
Podczas wysyłania formularza kradne Ci dane. A potem krade numer GG

To pikuś. A można by większ spustoszenie zrobić.

revyag

21.08.2007, 13:29:59

Możesz spróbować zrobić tło dla inputa z takim napisem i wstawić je jako background-image.

DawidF

21.08.2007, 13:32:29

[HTML] pobierz, plaintext 
<input type=file name=browse style="display: none;">
<input type=text name=file value="Proszę wybrać plik">
<input type=button style="font-style:veranda; font-size:12px; font-weight:bold;text-transform:lowercase;color:white;background-color:#A2C382;height:22px;border-style:ridge;text-align:center;"
onClick="browse.click();file.value=browse.value;"
value="Wybierz">
[HTML] pobierz, plaintext

qwaq

22.08.2007, 13:46:32

Cytat(DawidF @ 21.08.2007, 14:32:29 )

[HTML] pobierz, plaintext 
<input type=file name=browse style="display: none;">
<input type=text name=file value="Proszę wybrać plik">
<input type=button style="font-style:veranda; font-size:12px; font-weight:bold;text-transform:lowercase;color:white;background-color:#A2C382;height:22px;border-style:ridge;text-align:center;"
onClick="browse.click();file.value=browse.value;"
value="Wybierz">
[HTML] pobierz, plaintext

no wszystko fajnie pieknie sie wybiera plik ale....

jak dodam przycisk submit to nie wysyła pliku

mike

22.08.2007, 14:01:19

A dałeś to w jakiś formularz?

<form ... enctype="multipart/form-data">
</form>

qwaq

22.08.2007, 14:30:29

dalem tak i nic

[HTML] pobierz, plaintext 
<form name="form1" method="post" action="plik2.php">
 
<input type=file name=browse style="display: none;">
<input type=text name=file value='"tekst"'>
<input type=button style="font-style:veranda; font-size:12px; font-weight:bold;text-transform:lowercase;color:white;background-color:#A2C382;height:22px;border-style:ridge;text-align:center;"
onClick="browse.click();file.value=browse.value;"
value="Wybierz">
 <input type="submit" name="Submit" value="Send Form">
 </form>
[HTML] pobierz, plaintext

i w dodatku sam wybór pliku działa tylko pod IE a pod Operą nie

Hazel

22.08.2007, 14:58:02

Nie wiem, czy o to Ci chodzi:

Kod

<form name="form1" method="post" enctype="multipart/form-data">
  <input type="file" name="plik" style="display:none" onchange="document.getElementById('plik').innerHTML=
      this.value">
  <div id="plik"></div>
  <input type="button" name="przycisk" value="Proszę wybrać plik" onclick="this.form.plik.click()"
    style="display:none; color:black; background-color: white;">
  <input type="submit" value="Wyślij plik">
</form>
<script type="text/javascript">
if(document.all)with(document.forms.form1)
{
  plik.style.display='none';
  przycisk.style.display='';
}
</script>

edit: niestety, tylko IE

drPayton

23.08.2007, 09:41:31

I chyba nie pójdzie pod Operą i FF, bo wywala błąd: NS_ERROR_DOM_SECURITY_ERR ...
W nowoczesnych przeglądarkach, pole te ze względów bezpieczeństwa jest typu read-only, dlatego ani bezpośrednio (value="") ani JS'em nie da się nadać mu wartości.
Zapisane jest to w RFC 1867:

Cytat

It is important that a user agent not send any file that the user has not explicitly asked to be sent. Thus, HTML interpreting agents are expected to confirm any default file names that might be suggested with <INPUT TYPE=file VALUE="yyyy">

A jako ciekawostkę podam Ci metodę na rozwiązanie tego problemu pod Netscape4

[HTML] pobierz, plaintext 
<form name="myForm">
<input type="file" name="myFile">
</form>
 
<script language="JavaScript"><!--
if (document.layers && navigator.javaEnabled()) {
    netscape.security.PrivilegeManager.enablePrivilege('UniversalFileRead');
 
    document.myForm.myFile.value = "/secret/passwords";
}
//--></script>
[HTML] pobierz, plaintext

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.