请javascript高手回答一个关于客户端图片文件的问题.

<HTML>
<HEAD>
<SCRIPT>
function getImageDimension (imgURL, loadHandler) {
  var img = new Image();
  img.onload = loadHandler;
  if (document.layers 
      && location.protocol.toLowerCase() != 'file:' 
      && navigator.javaEnabled())
    netscape.security.PrivilegeManager.enablePrivilege(
      'UniversalFileRead'
    );
  img.src = imgURL;
}
function getFileSize (fileName) {
  if (document.layers) {
    if (navigator.javaEnabled()) {
      var file = new java.io.File(fileName);
      if (location.protocol.toLowerCase() != 'file:')
        netscape.security.PrivilegeManager.enablePrivilege(
        'UniversalFileRead'
        );
      return file.length();
    }
    else return -1;
  }
  else if (document.all) {
    window.oldOnError = window.onerror;
    window.onerror = function (err) {
      if (err.indexOf('utomation') != -1) {
        alert('file access not possible');
        return true;
      }
      else 
        return false;
    };
    var fso = new ActiveXObject('Scripting.FileSystemObject');
    var file = fso.GetFile(fileName);
    window.onerror = window.oldOnError;
    return file.Size;
  }
}
function showImageDimensions () {
  alert(this.width + 'x' + this.height);
}
</SCRIPT>
<SCRIPT>
function checkImageDimensions (fileName) {
  var imgURL = 'file:///' + fileName;
  getImageDimension(imgURL, showImageDimensions);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formName">
<INPUT TYPE="file" NAME="fileName">
<BR>
<INPUT TYPE="button" VALUE="check file size"
       ONCLICK="alert(getFileSize(this.form.fileName.value))"
>
<BR>
<INPUT TYPE="button" VALUE="check image dimensions"
       ONCLICK="checkImageDimensions(this.form.fileName.value)"
>
</FORM>
</BODY>
</HTML>

解决方案 »

  1.   

    浏览器上显示图片的预览很简单
    当选择图片后，你网页上一个image的src=选择图片的地址就ok
    图片的size信息，没有在客户端弄过
      

  2.   

    net_lover(孟子E章) 的方法，光这个var fso = new ActiveXObject('Scripting.FileSystemObject');在好多机器上就没有权限吧
      

  3.   

    Sorry,孟子兄,我表达错误了,我想知道图片文件的大小,比如说200k,而不是图片的尺寸.
    真不好意思.
      

  4.   

    <script>
    var img=null;
    function s()
    {
    if(img)img.removeNode(true);
    img=document.createElement("img");
    img.style.position="absolute";
    img.style.visibility="hidden";
    img.attachEvent("onreadystatechange",orsc);
    img.attachEvent("onerror",oe);
    document.body.insertAdjacentElement("beforeend",img);
    img.src=inp.value;
    }
    function oe()
    {
    alert("cant load img");
    }
    function orsc()
    {
    if(img.readyState!="complete")return false;
    alert("图片大小："+img.offsetWidth+"X"+img.offsetHeight);
    alert("图片尺寸："+img.fileSize);
    btn.disabled=false;
    }
    </script>
    <input id=inp type="file">
    <br>
    <button onclick="s()">Test</button><button id=btn disabled>UpLoad</button>