Question

怎么在页面上用jquery获取上传文件时的文件名和文件的大小

怎么在页面上用jquery从
<input type="file" name="some" id="some">
中获取上传文件时的文件名和文件的大小

Answer 1

这个无需用jquery, 但是浏览器必须要支持html5,
假设页面上有一个文件域
<input type="file" id="file_input" />

var input = document.getElementById("file_input");

//文件域选择文件时, 执行readFile函数
input.addEventListener('change',readFile,false);

function readFile(){
var file = this.files[0];
console.log("文件名:"+file.name);
console.log("文件类型:"+file.type);
console.log("文件大小:"+file.size);
}

Answer 2

         $("#some").change(function(){
            var file = $('#some').get(0).files[0];
            if (file) {
                var fileSize = 0;
                if (file.size > 1024 * 1024) fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + 'MB';
                else fileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + 'KB';

                console.log(file.name, fileSize, file.type);
            }
        });
低版本ie不一定支持

追问

这个问题我已经自己解决了，还是要谢谢你

Answer 3

这不是我写的。对不起！