上传图片时，使用JS获得图片文件大小

来源：互联网发布：沈阳优化公司编辑：程序博客网时间：2024/05/16 15:43

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

在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>

0 0