jQuery怎样在不检查文件扩展名的情况下检查上传的文件是否为图片？

24 浏览
0 Comments

jQuery怎样在不检查文件扩展名的情况下检查上传的文件是否为图片？

新手上路。问题是我目前已经编写了一个方法，用于检查上传文件的大小和扩展名以进行验证。然而，检查扩展名并不是一个解决方案，因为这种验证可能会导致很多问题。我想要做的是检查实际的文件类型并在不使用扩展名的情况下进行验证。我尝试使用jQuery文件验证器，但没有成功...这是我当前代码的片段：

脚本：

App.Dispatcher.on("uploadpic", function() {         
        $(":file").change(function() {
            if (this.files && this.files[0] && this.files[0].name.match(/\.(jpg|jpeg|png|gif)$/) ) {
                if(this.files[0].size>1048576) {
                    alert('文件大小超过1MB！');
                }
                else {
                    var reader = new FileReader();
                    reader.onload = imageIsLoaded;
                    reader.readAsDataURL(this.files[0]);
                }
            } else alert('这不是一个图片文件！');
        });
        function imageIsLoaded(e) {
            result = e.target.result;
            $('#image').attr('src', result);
        };
    });

一旦上传输入发生变化并通过验证，它会上传并显示图片。目前，我只关心验证，非常感谢任何帮助或建议！

0