如果局部圖像的類型是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'); 
}