js操作文件，首先要说的是文件API中的常见对象：1、Blob2、File3、FileList4、FileReader1.1Blob对象代表二进制数据，提供了slice方法，可以访问byte里面的数据段（即整个数据中的某一段数据）1.2File对象，File对象继承自Blob对象，代表一个具体的文件，有两种attributes,name，文件名，不包括路径。lastModifiedDate，文件最后修改的时间。当然继承自Bolb，还有Blob，Files也有。代码：window.onload=function(){varfile=document.getElementById('文件');varbutton=document.getElementById('按钮');varofile=null;button.onclick=function(){//用户没有点击“选择文件”将文件添加到input中（input为空）//并直接点击上传按钮，让它退出if(file.files.length==0){console.log('请选择文件');返回假；}//这里只选择了一个文件ofile=file.files[0];控制台日志（文件）；}}如图：通过File查找size、type、lastModifiedDate代码：console.log(ofile.size+'-'+ofile.type+'-'+ofile.lastModifiedDate);如图：1.3FileList对象表示文件对象的集合。我们在使用h5多文件上传时，首先要在type="file"input元素中添加multiple属性，multiple="multiple"，允许用户选择多个文件。具体操作可以按住Ctrl键继续选择多个文件。选择后，点击完成。比如你选择了3个文件，那么FileList对象中就有3个不同的文件对象，每个不同的小File对象存储了图片的信息。选择3个文件代码：这样如图：此时看文字显示：如图：此时我们在获取文件对象时，不能使用files[i]来获取文件对象(files[i//0,1,2]),否则只能得到对象集合中的一个文件对象。因此，我们必须删除文件的[]。ofile=文件.文件；这是一个文件列表，然后我们循环遍历每个对象，看看它的内容：empty)//然后直接点击上传按钮，让它退出if(file.files.length==0){console.log('请选择一个文件');返回假；}//这里只选择了一个包含文件对象的文件列表，列表的长度lengthofile=file.files;console.log(ofile.length);//3console.log("--------------------------")//遍历每个文件对象(vari=0;i"}}结果如图：1.4.3readAsText()方法的用法：代码：reader.readAsText(ofile,'UTF-8');//Defaultutf-8;reader.onload=function(){//读取文件成功后打印出数据结果，console.log(reader.result);}结果：以上是我的js文件API作者技术水平有限，期待对js文件API有更深入的了解。笔者将继续编写HTML5文件操作——文件上传（中）、拖拽上传、（下）、上传文件到服务器待续。..项目清单
