如果jQuery中的条件为假，如何显示模态？

Question

在这段代码中，我只是上传一个文件，然后检查文件扩展名。如果条件是true然后显示一条alert消息，如果条件是false那么它将打开一个模式。

当我选择任何图像时，现在会发生什么是它alert首先显示消息然后打开模式。我不知道为什么会这样。我该如何解决？

$('#upload_image_student').on("change", function() {

  var fileExtension = ['jpeg', 'jpg'];

  if ($.inArray($(this).val().split('.').pop().toLowerCase(), fileExtension) == -1) {

    alert("Only '.jpeg','.jpg' formats are allowed.");

  } else {

    $("#uploadimageModalStudent").modal("show");

  }

})

Answer 1

您还可以使用“接受”属性，以便您只能选择您指定的扩展名。（JPEG，JPG）<input&nbsp;type="file"&nbsp;accept=".jpeg,&nbsp;.jpg"/>希望能帮助到你。

Answer 2

$('#upload_image_student').on("change", function(){&nbsp; &nbsp; var file = this.files[0];&nbsp; &nbsp; var file_type = file['type'];&nbsp; &nbsp; const valid_extensions = ["image/jpeg", "image/jpg"];&nbsp; &nbsp; if($.inArray(file_type, valid_extensions) < 0){&nbsp; &nbsp; &nbsp; &nbsp; alert("Only '.jpeg','.jpg' formats are allowed.");&nbsp; &nbsp; }&nbsp; &nbsp; else{&nbsp; &nbsp; &nbsp; &nbsp; //alert("Valid");&nbsp; &nbsp; &nbsp; &nbsp; $("#uploadimageModalStudent").modal("show");&nbsp; &nbsp; }})您可以尝试使用此代码。