如果局部图像的类型是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

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

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'); 
}