html5 java文件上传_HTML5文件操作-文件上传（上）

js要操作文件，首先得讲到的是文件api里常见的几个对象：

1，Blob

2，File

3，FileList

4，FileReader

1.1 Blob对象表示的是二进制数据，提供了一个slice方法，该方法可以访问到字节内部的数据段(也就是整个数据的某一段数据)

1.2 File对象，File对象是从Blob对象继承过来的，表示的是一个具体的文件，有两个属性，name,文件的名字，不包括路径。lastModifiedDate,最后一次修改文件的时间。当然，从Bolb继承下来的，Blob有的，File也有。

代码：

window.onload = function() {

var file = document.getElementById('file');

var button = document.getElementById('button');

var ofile = null;

button.onclick = function() {

//用户还没有点击“选择文件”把文件添加进input里(input里为空)

//而直接点击了上传按钮，就让它退出

if (file.files.length == 0) {

console.log('请选择文件');

return false;

}

//这里只选择了一个文件

ofile = file.files[0];

console.log(ofile);

}

}

如图：

通过File来找size,type,lastModifiedDate

代码：

co