-1

Deseo que no se modifique su estructura, que siga siendo el botón y el tipo label donde se muestra el nombre del archivo, solo deseo poder cambiar el nombre del botón.

<input class="form-control" type="file" value="Seleccionar documento">

3
  • No, solo deseo cambiar el nombre del botón
    – JuniorXD
    Commented el 5 jul. 2021 a las 22:52
  • a que te refieres con nombre del boton ? Commented el 5 jul. 2021 a las 23:32
  • No quiero que esté como Seleccionar archivo, quiero que tenga otro nombre
    – JuniorXD
    Commented el 6 jul. 2021 a las 2:30

2 respuestas 2

0

Como bien a dicho @Diego Andrés el selector no es modificable. +1

Pero, existen pequeños trucos que puedes utilizar para "cambiar el nombre del botón".

<button style="display:block;width:130px; height:30px;" onclick="document.getElementById('getFile').click()">MegaSeleccionador</button>
  <input type='file' id="getFile" style="display:none">

Con display:none escondes el input con el nombre que no quieres, (Seleccionar archivo) Luego creas un botón con el nombre que tu quieras, (Ejemplo: MegaSeleccionador) que al ser clicado llamará al input escondido. El botón lo llamará utilizando un fragmento de Javascript, document.getElementById('getFile').click().

Esta información y código la he seleccionado del SO en inglés, un lugar que te recomiendo conjuntamente con este para encontrar posibles respuestas a tus preguntas, @JuniorXD.

Link de la misma pregunta en el SO inglés.

https://stackoverflow.com/questions/5138719/change-default-text-in-input-type-file

0

El selector de archivos que proveen los navegadores no es modificable, una solución común es ocultarlo y generar el propio utilizando un label.

<label class="btn" for="myfile">
    Seleccionar documento (version nueva)
</label>
<input type="file" id="myfile" style="display:none">

2
  • Entiendo, pero ya no quedaría con la misma estructura, está bien que a partir del label seleccione el documento pero quiero que aparezca el nombre al costado, ¿Cómo podría hacer eso?
    – JuniorXD
    Commented el 6 jul. 2021 a las 2:29
  • el FOR del label apunta hacia el input, asi que cuando le haces click es como si hicieras click en el input. Por lo que no existe problema en eso, usa el label para darle customizacion completa al boton de "Seleccionar" Commented el 7 jul. 2021 a las 13:14

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.