HTML5检查图像尺寸
我试图使用HTML5文件API显示具有其他属性的图像维度 由于某些原因,我得到的图像高度为0HTML5检查图像尺寸,html,fileapi,html5-filesystem,Html,Fileapi,Html5 Filesystem,我试图使用HTML5文件API显示具有其他属性的图像维度 由于某些原因,我得到的图像高度为0 功能手柄文件选择(evt) { var files=evt.target.files; var输出=[]; 变异高度; var宽度; for(var i=0,f;f=files[i];i++) { output.push(“”,escape(f.name),“(”,f.type | | |“n/a”,“)-”, f、 大小/1024,'KB,上次修改:', f、 lastModifiedDate
功能手柄文件选择(evt)
{
var files=evt.target.files;
var输出=[];
变异高度;
var宽度;
for(var i=0,f;f=files[i];i++)
{
output.push(“”,escape(f.name),“(”,f.type | | |“n/a”,“)-”,
f、 大小/1024,'KB,上次修改:',
f、 lastModifiedDate?f.lastModifiedDate.toLocaleDateString():“不适用”,
“ ”);
检查尺寸(f);
}
document.getElementById('list').innerHTML=''+output.join('')+'
';
}
函数检查维度(文件)
{
var URL=window.URL | | window.webkitURL;
变量维度=新对象;
图像=新图像();
image.src=\u URL.createObjectURL(文件);
警报(图像高度);
}
document.getElementById('files').addEventListener('change',handleFileSelect,false);
您需要挂接到onload事件。您正在尝试在加载图像之前查看大小
image = new Image();
image.onload = function() { alert(image.size) };
image.src = _URL.createObjectURL(file);
您需要连接到onload事件。您正在尝试在加载图像之前查看大小
image = new Image();
image.onload = function() { alert(image.size) };
image.src = _URL.createObjectURL(file);
您仍然需要等待图像加载后才能检索其维度。您仍然需要等待图像加载后才能检索其维度。