可以使用 jQuery 的 FileReader 对象来读取上传的文件,并使用 Image 对象来判断是否为图片。以下是一个示例代码
// 获取上传的文件
var file = $('#fileInput')[0].files[0];
// 读取文件
var reader = new FileReader();
reader.onloadend = function() {
// 加载图片
var img = new Image();
img.src = reader.result;
img.onload = function() {
// 判断是否为图片
if (this.width > 0 && this.height > 0) {
console.log('这是一张图片');
} else {
console.log('这不是一张图片');
}
};
};
reader.readAsDataURL(file);
其中,#fileInput
是一个文件上传控件的 ID。在 onloadend
事件中,使用 Image
对象加载读取的文件,并在 onload
事件中判断是否为图片。