[html][js] pole typu file Opcje

[qwaq]

jak zrobić żeby w polu formularza typu file po załadowaniu strony widniał tekst "proszę wybrać plik" (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ?

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

[mike]

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

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

[revyag]

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

[DawidF]

[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 

(IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[qwaq]

[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 

(IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

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

jak dodam przycisk submit to nie wysyła pliku

[mike]

A dałeś to w jakiś formularz?

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

[qwaq]

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

Ten post edytował qwaq 22.08.2007, 14:31:24

[Hazel]

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 (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Ten post edytował Hazel 22.08.2007, 15:05:12

[drPayton]

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:

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 (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

[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 

Ten post edytował drPayton 23.08.2007, 09:53:07