Dado un documento HTML y la tarea de activar un evento cuando se selecciona un archivo usando jQuery. El método JQuery change() se utiliza para activar un evento cuando se selecciona un archivo.
Uso del método change() : se utiliza para cambiar el valor de los campos de entrada. Este método funciona con elementos de «entrada, área de texto y selección».
Sintaxis:
$(selector).change(function)
Ejemplo 1: El método change() se utiliza para activar un evento cuando se selecciona un archivo.
<!DOCTYPE html>
<html>
<head>
<title>
How to fire event on
file select in jQuery?
</title>
<script src=
"https://code.jquery.com/jquery-1.12.4.min.js">
</script>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h3>
How to fire event on file
select in jQuery?
</h3>
<p>Click on button to select the file</p>
<input type="file" id="Geeks" value="Click">
<script>
$(document).ready(function() {
$('input[type="file"]').change(function() {
alert("A file has been selected.");
});
});
</script>
</body>
</html>
Producción:
Ejemplo 2: El método change() se utiliza para activar un evento cuando se selecciona un archivo.
<!DOCTYPE html>
<html>
<head>
<title>
How to fire event on
file select in jQuery?
</title>
<script src=
"https://code.jquery.com/jquery-1.12.4.min.js">
</script>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h3>How to fire event on file select in jQuery?</h3>
<p>Click on button to select the file</p>
<input type="file" id="Geeks" value="Click">
<h4></h4>
<script>
$(document).ready(function(){
$('input[type="file"]').change(function(){
$("h4").text("File is added!");
});
});
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA