如果本地图像的类型为 png 或 jpeg [重复]

Question

我有这个功能可以在上传之前预览图像：

    function readURL(input) {

if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function (e) {
         var if_alternative = true;

       //if image is either jpeg or png {
        $('#preview_image').attr('src', e.target.result);
       //} else { error

        $('#product_images').css("visibility","hidden");
        $('#fileSelector').css("visibility","hidden");
        $('#delete_image_1').removeClass("visibility_hidden");
    }
    reader.readAsDataURL(input.files[0]);
  } 
 }

$("#product_images").change(function(){
readURL(this);
});

我认为注释代码不言自明。我只想在它是“JPEG”或“PNG”文件时预览图像。有人可以帮忙吗？我已经尝试了几种说法，但没有任何效果。谢谢！

Answer 1

使用下面的代码 - 使用 lastIndexOf() 的 JavaScript 函数。

var fname =  input.files[0];
var FileExtension =  fname.substr((~-fname.lastIndexOf(".") >>> 0) + 2)

if(FileExtension.toLowerCase() == "jpeg" || FileExtension.toLowerCase() == "png")
{
       // do your stuff here
}
else
{
     alert('Invalid File');
}