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

我认为评论代码不言而喻。我想只在它是＆＃34; JPEG＆＃34;或者＆＃34; PNG＆＃34; - 文件。有人可以帮忙吗？我已经尝试了几个陈述，但没有任何效果。谢谢！

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

如果本地图像是png或jpeg类型

1 个答案: