您好,UncleToo欢迎您!  为了更好的浏览本站,请使用高版本浏览器
RSS  Tag     设为首页 | 加入收藏
 您所在的位置:首页 > 前端开发 > Javascript(JQuery)

使用Ajax获取要上传文件的大小

作者:UncleToo  来源:原创  日期:2014-04-25 8:00:21
收藏  评论:( 1 )  阅读:904

这是一个简单的JavaScript方法,当我们选择要上传的文件时可以使用它来获取文件的大小,以便判断是否允许上传:

HTML

<input type="file" id="uploadfile" name="uploadfile" />


Javascript

<script type="text/javascript">
// Function to format the file size which is in bytes
function formatFileSize(size){
    var sizF = 'Bytes';
    if(parseFloat(size) > 1024){
        //In KB
        size = parseFloat(size/1024);
        sizF = 'KB';
        if(parseFloat(size) > 1024){
            //In MB
            size = parseFloat(size/1024);
            sizF = 'MB';
        }
        if(parseFloat(size) > 1024){
            //In GB
            size = parseFloat(size/1024);
            sizF = 'GB';
        }
        if(parseFloat(size) > 1024){
            //In TB
            size = parseFloat(size/1024);
            sizF = 'TB';
        }
    }
    size = parseFloat(size).toFixed(1) + ' ' + sizF;
    return size;
}
$(function() {
    $("#uploadfile").change(function (){
       var size = document.getElementById('uploadfile').files[0].size;
        size = formatFileSize(size);
    });
});
</script>





除非特别声明,本站所有PHP教程及其他教程/文章均为原创、翻译或网友投稿,版权均归UncleToo中文网所有, 转载请注明作者及出处。
原文网址:http://www.uncletoo.com/html/jsjquery/919.html
读完这篇文章后,你是否有所收获? 分享是一种生活的信念!
  • 0
  • 0
我来说两句
更多>>网友评论