上传图片时，使用JS获得图片文件大小_js获取图片大小filsize-优快云博客

本文介绍了一个JavaScript方法，用于获取上传的图片文件大小。该方法适用于FF、Chrome及IE6-8浏览器，在IE9及以上版本中则需使用Flash插件辅助。通过实际代码演示了如何在不同浏览器环境下获取文件大小。

这个方法用于获得图片文件的大小：

在FF，Chrome，IE6,IE7,IE8可用，不支持IE9+。(如果是IE9就需要flash插件了)

var getSize = function(oFile,callback){
    if(oFile.files&&oFile.files.item){
        var item = oFile.files.item(0);
        if(item.size!==undefined){
            callback(item.size);
        }else{
            callback(item.fileSize);
        }
    }else{
        var img = new Image();
        img.src = oFile.value;
        var fn = function(){
            if(img.readyState === 'complete'){
                callback(img.fileSize);
            }else{
                setTimeout(fn,500);
            }
        }        
        fn();
    }
}

演示例子：

<html> <head> <Meta http-equiv="Content-Type" Content="text/html; Charset=UTF-8"> <title>获得图片文件大小</title> </head> <body> <input id="oFile" type="file" onchange="javascript:onGetFileSize();" /> <span id="oConsole"></span> <script type="text/javascript"> var onGetFileSize = function(){ var oFile = document.getElementById('oFile'); getSize(oFile,function(fileSize){ document.getElementById('oConsole').innerHTML = fileSize; }); } var getSize = function(oFile,callback){ if(oFile.files&&oFile.files.item){ var item = oFile.files.item(0); if(item.size!==undefined){ callback(item.size); }else{ callback(item.fileSize); } }else{ var img = new Image(); img.src = oFile.value; var fn = function(){ if(img.readyState === 'complete'){ callback(img.fileSize); }else{ setTimeout(fn,500); } } fn(); } } </script> </body> </html>