PHPDesktop: Naming of form fields

[Heinz Ernst]

Does anyone know how I can change the name of the form field “choose file” to “Durchsuchen” in an upload form (type=“file”)? My application is intended for users with German language. Thank you for helping.

Kind regards,

Heinz

[Terry J]

Few ways to approach:

1) Make sure web page is set to German:

https://jsfiddle.net/mez47prt/

2) Code mod:

https://jsfiddle.net/xbq8n9fs/

[Terry J]

Got the email but do not see the update here and filename, very odd indeed.

Try this one to get file name: https://jsfiddle.net/0x9sn43j/

[Heinz Ernst]

Hi Terry,

first I wish you and all of the members of the group a Happy New Year. I am so grateful to receive help from this group. This is my code I used, but next to the form field “Choose file”, or in German “Durchsuchen”, a note normally appears directly next to the form field “Choose file” that no file has yet been selected (“no file chosen”). Once the file has been selected, the name of the file appears next to the “Choose file” form field. Is it possible to adapt the form and the JavaScript accordingly? Here is the code:

        <form action="generate_invoices.php" method="post" enctype="multipart/form-data">
          <label for="excelFile">Wähle eine Excel-Datei:</label>
          <input type="file" name="excelFile" id="excelFile" style="display:none;" accept=".xlsx, .xls">
<button type="button" id="upload-button">Durchsuchen</button>
          <input type="submit" value="Hochladen und Verarbeiten">
      </form>

<script>
document.getElementById('upload-button').addEventListener('click', function() {
document.getElementById('excelFile').click();
});
</script>

Thanks a lot for helping.

Heinz

[Heinz Ernst]

I forgot to attach the corresponding screenshot. Here it comes

[Terry J]

Hello Heinz and Happy New Year! I will attempt to assist you.

Really hard to forces word using plain html form as each browser seems to control those function.

JavaScript is what I would normally use, hope it can help you. Try this:

https://jsfiddle.net/g7qewdam/

[Heinz Ernst]

Great, it works. Many, many thanks.

Heinz

[Terry J]

Your most welcome Heinz.

[Khalfan Mohamed]

Here's how you can answer Heinz's question:

---

Hi Heinz,

You cannot directly change the text of the "Choose File" button in an <input type="file"> element because it's part of the browser's native styling. However, you can achieve this by hiding the default file input and creating a custom label/button with the desired text.

[Terry J]

@Khalfan: " However, you can achieve this by hiding the default file input and creating a custom label/button with the desired text.  "

Got a real-life code example to share with us?