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

最新推荐文章于 2023-07-09 23:24:44 发布

relucent

最新推荐文章于 2023-07-09 23:24:44 发布

阅读量951

点赞数

本文链接：https://blog.csdn.net/relucent/article/details/45716277

版权

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

在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" οnchange="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>

relucent

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
上传图片时，使用JS获得图片文件大小

这个方法用于获得图片文件的大小：在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);
复制链接

扫一扫