我在jQuery函数中有一个上载图像的表单;
$('body').on('change', '#file', function () {
通过使用this.files[0]
我正在获取图像的名称和大小。为此,我正在使用。this.files[0].size
和this.files[0].name
。但是现在我想获取图像的高度和宽度。我怎样才能做到这一点?
我自己找到了解决方案,如下所示,
var reader = new FileReader();
reader.onload = imageIsLoaded;
reader.readAsDataURL(this.files[0]);
function imageIsLoaded(e) {
var image = new Image();
image.src = e.target.result;
image.onload = function() {
// access image size here
alert(this.width);
alert(this.height);
};
};
由于jquery不知道确切的文件类型,因此在验证图像类型之后,我们可以将任何图像文件转换为jQuery可读图像,因此jQuery可以将其作为图像处理。因此,要将文件转换为图像,我们需要阅读器。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句