javascript - jQuery 在更改时验证文件类型

Question

我有一个 jQuery 文件上传。该上传功能仅允许图像类型。 .jpg、.gif、.png

假设我有 2 个文件，即 a.jpg 和 b.pdf。现在，我将扩展名 b.pdf 更改为 b.jpg

a.jpg 为原始图像。
b.jpg 不是原始图像。

我的问题是，如何验证 b.jpg 不是原始图像？

这是我的 JS 脚本:

$(function()
{
    $("#file").change(function()
    {
        var file = this.files[0];
        var imagefile = file.type;
        var match= ["image/jpeg","image/png","image/jpg"];
        var file_size = this.files[0].size;

        if(!((imagefile==match[0]) || (imagefile==match[1]) || (imagefile==match[2])))
        {
            alert("Invalid File");
        }
        else
        {
            var reader = new FileReader();  

            reader.onload = imageIsLoadeds;
            reader.readAsDataURL(this.files[0]);
        }

        function imageIsLoadeds(e)
        {
            if(file_size>=1024000)
            {
                alert("File Size Error");
            }
            else
            {
                $('#image').attr('src', e.target.result);
            }
        }
    }
}

Answer 1

您必须验证正在上传的内容的 MIME 类型。

首先选择所需的MIME类型(引用:http://www.freeformatter.com/mime-types-list.html)。

其次，您可以使用 jQuery 验证插件来验证上传内容的 MIME 类型。 (引用:http://jqueryvalidation.org/accept-method/)