HTML5检查图像尺寸

HTML5检查图像尺寸,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

我试图使用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?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);
    

    您仍然需要等待图像加载后才能检索其维度。您仍然需要等待图像加载后才能检索其维度。