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">
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">
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
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">