La tarea es eliminar el valor «ningún archivo elegido» del elemento de entrada vacío en Chrome. Vamos a lograr esa tarea con la ayuda de JavaScript.
Enfoque 1:
- Elimine el valor de información sobre herramientas (‘No se eligió ningún archivo’).
- Use el método .attr() para establecer el valor del atributo de título en vacío.
Ejemplo 1: este ejemplo elimina el valor de información sobre herramientas.
<!DOCTYPE HTML>
<html>
<head>
<title>
Remove the “No file chosen” from a file input in Chrome?
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
</head>
<body style="text-align:center;"
id="body">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"
style="font-size: 15px;
font-weight: bold;">
</p>
<div>
<input type='file' />
</div>
<br>
<button onclick="gfg_Run()">
Remove tooltip
</button>
<p id="GFG_DOWN"
style="color:green;
font-size: 20px;
font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML =
"Click on the button to remove the tooltip value '" +
"No file is chosen.'";
function gfg_Run() {
$('input').attr('title', '');
el_down.innerHTML =
"Tooltip value has been removed.";
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Elimine el valor (‘No se eligió ningún archivo’).
- Use el método .addClass() para agregar la clase que elimina el valor «No se eligió ningún archivo».
Ejemplo 2: este ejemplo elimina el valor «No se ha elegido ningún archivo» del elemento de entrada.
<!DOCTYPE HTML>
<html>
<head>
<title>
Remove the “No file chosen” from a file input in Chrome?
</title>
<style>
.removeValue {
color: transparent;
}
</style>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
</head>
<body style="text-align:center;"
id="body">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"
style="font-size: 15px;
font-weight: bold;">
</p>
<div>
<input type="file" />
</div>
<br>
<button onclick="gfg_Run()">
Remove value
</button>
<p id="GFG_DOWN"
style="color:green;
font-size: 20px;
font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML =
"Click on the button to remove the value '" +
"No file is chosen.'";
function gfg_Run() {
$('input').addClass('removeValue');
el_down.innerHTML = "Value has been removed.";
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA