Javascript 如果本地图像的类型为png或jpeg

我有此功能在上传前预览图像：

    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”-文件。有人能帮忙吗？我已经试过好几种说法，但都不管用。谢谢

使用下面的代码-使用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');
}