Skip to main content
se añadieron 314 caracteres en el cuerpo
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Aclaración: Eso no impide que puedas usarlo como antes si te es mas conveniente o por los motivos que sea no quieres hacerlo con todos a la vez, es decir, puedes seguir usando $('#foto1').change(sizefoto1); para cada uno de ellos con su respectivo id y no hacerlo de forma global como estoy sugeriendo.

Aclaración: Eso no impide que puedas usarlo como antes si te es mas conveniente o por los motivos que sea no quieres hacerlo con todos a la vez, es decir, puedes seguir usando $('#foto1').change(sizefoto1); para cada uno de ellos con su respectivo id y no hacerlo de forma global como estoy sugeriendo.

Agregada explicación sobre el aporte de @Bryro
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28
  • En la función definimos ruta, la cual no tienes definida en tu pregunta (gracias @Bryro por tu aporte y corrección) de este modo:
let ruta = $(this).val();
  • Dentro de la función consultamos el valor del atributo data-ext del elemento actual (this) para establecer el filtro correcto a aplicar despues en la variable ext mediante un switch() y sus posibles case:
  • Dentro de la función consultamos el valor del atributo data-ext del elemento actual (this) para establecer el filtro correcto a aplicar despues en la variable ext mediante un switch() y sus posibles case:
  • En la función definimos ruta, la cual no tienes definida en tu pregunta (gracias @Bryro por tu aporte y corrección) de este modo:
let ruta = $(this).val();
  • Dentro de la función consultamos el valor del atributo data-ext del elemento actual (this) para establecer el filtro correcto a aplicar despues en la variable ext mediante un switch() y sus posibles case:
se agrego ruta que no estava definido
Origen Enlace
Bryro
  • 9.5k
  • 1
  • 11
  • 24
$('input[type="file"]').change(sizefoto1)

function sizefoto1() {
  let ruta = $(this).val();
  switch ($(this).attr('data-ext')) {
    case 'jpg':
      var ext = /(.jpg|.JPG|.jpeg|.JPEG|.png|.PNG)$/i;
      break;
    case 'pdf':
      var ext = /(.pdf|.PDF)$/i;
      break;
    case 'doc':
      var ext = /(.doc|.DOC)$/i;
      break;
    default:
      alert('Ha ocurrido un error. Este campo input carece de filtro!');
      return;
  }
  var tam = this.files[0].size; {
    if (!ext.exec(ruta)) {
      swal("NO es " + $(this).attr('data-ext'), "El archivo no es " + $(this).attr('data-ext'), "error");
      $(this).val("");
      $(this).html("");
    } else {
      if (tam > 2097152) {
        swal("Archivo demasiado grande", "Los archivos deben pesar menos de 2MB", "error");
        $(this).val("");
        $(this).html("");
      }
    }
  }
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<input type="file" id="foto1" data-ext="jpg">
<input type="file" id="pdf1" data-ext="pdf">
<input type="file" id="doc1" data-ext="doc">
<input type="file" id="gif1" data-ext="gif">
$('input[type="file"]').change(sizefoto1)

function sizefoto1() {
  switch ($(this).attr('data-ext')) {
    case 'jpg':
      var ext = /(.jpg|.JPG|.jpeg|.JPEG|.png|.PNG)$/i;
      break;
    case 'pdf':
      var ext = /(.pdf|.PDF)$/i;
      break;
    case 'doc':
      var ext = /(.doc|.DOC)$/i;
      break;
    default:
      alert('Ha ocurrido un error. Este campo input carece de filtro!');
      return;
  }
  var tam = this.files[0].size; {
    if (!ext.exec(ruta)) {
      swal("NO es " + $(this).attr('data-ext'), "El archivo no es " + $(this).attr('data-ext'), "error");
      $(this).val("");
      $(this).html("");
    } else {
      if (tam > 2097152) {
        swal("Archivo demasiado grande", "Los archivos deben pesar menos de 2MB", "error");
        $(this).val("");
        $(this).html("");
      }
    }
  }
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<input type="file" id="foto1" data-ext="jpg">
<input type="file" id="pdf1" data-ext="pdf">
<input type="file" id="doc1" data-ext="doc">
<input type="file" id="gif1" data-ext="gif">
$('input[type="file"]').change(sizefoto1)

function sizefoto1() {
  let ruta = $(this).val();
  switch ($(this).attr('data-ext')) {
    case 'jpg':
      var ext = /(.jpg|.JPG|.jpeg|.JPEG|.png|.PNG)$/i;
      break;
    case 'pdf':
      var ext = /(.pdf|.PDF)$/i;
      break;
    case 'doc':
      var ext = /(.doc|.DOC)$/i;
      break;
    default:
      alert('Ha ocurrido un error. Este campo input carece de filtro!');
      return;
  }
  var tam = this.files[0].size; {
    if (!ext.exec(ruta)) {
      swal("NO es " + $(this).attr('data-ext'), "El archivo no es " + $(this).attr('data-ext'), "error");
      $(this).val("");
      $(this).html("");
    } else {
      if (tam > 2097152) {
        swal("Archivo demasiado grande", "Los archivos deben pesar menos de 2MB", "error");
        $(this).val("");
        $(this).html("");
      }
    }
  }
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<input type="file" id="foto1" data-ext="jpg">
<input type="file" id="pdf1" data-ext="pdf">
<input type="file" id="doc1" data-ext="doc">
<input type="file" id="gif1" data-ext="gif">
Agregado switch
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28
Loading
Agregado switch
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28
Loading
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28
Loading