если местное изображение типа 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'); 
}