input type="file" 理解

if(e.target.accept != 'image/png'){

    return alert(' 即使input标签上已经有accept格式的显示,但在用户上传可以从所有文件中选其他格式的文件，所以第二次处理格式 ’)

}

if(e.target.files[0].size >1024*1024*1){

    return alert('上传文件不能大于1M')

}

if(e.target.files.length>1){

    return alert('只能上传1个文件')

}

var url = window.webkitURL.createObjectURL(file)   // 上传图片预览路径

每个file对象包含以下属性：

lastModified：数值，表示最近一次修改时间的毫秒数；

lastModifiedDate：对象，表示最后一次表示最近一次修改时间的Date对象（高程中说是字符串，根据上图可看出应该为对象，为了层级清晰未对其展开，大家可自行查看，其可调用Date对象的有关方法，例如getDay方法）；

name：本地文件系统中的文件名；

size：文件的字节大小；

type：字符串，文件的MIME类型；  -->  上传文件类型<input accept="文件类型" type="file">

weblitRelativePath：此处为空；当在input上加上webkitdirectory属性时，用户可选择文件夹，此时weblitRelativePath表示文件夹中文件的相对路径 比如：

FileReader是一种异步文件读取机制，结合input:file可以很方便的读取本地文件。我们可以通过html5提供的FileReader读取到文件中的数据。

参考博客:  https://www.cnblogs.com/youhong/p/7221080.html?utm_source=itdadao&utm_medium=referral  

参考博客: https://www.cnblogs.com/fozero/p/8835628.html

读取和写入。file文件指的是一个路径的抽象表现形式。这个形式中不具有的属性是读取和写入两者的属性，file对象有两个属性，一个是name，代表文件名不包含文件的路径，另一个是lastModifiedDate。

文件对象封装了文件的相关 *** 作

文件对象的属性

属性 说明

name 返回文件的名字

mode 返回文件的打开模式

closed 若文件被关闭则返回True

文件对象的打开模式

模式 说明

r 读模式

w 写模式

a追加模式

b 二进制模式(可与其他模式组合)+ 读写模式（可与其他模式组合）

文件对象的常用方法

常用方法

seek() 方法

seek() 方法用于移动文件读取指针到指定位置。

fileObject.seek(offset[, whence])

1

offset表示开始的偏移量，也就是代表需要移动偏移的字节数。

whence：可选，默认值为 0。给offset参数一个定义，表示要从哪个位置开始偏移；0代表从文件开头开始算起，1代表从当前位置开始算起，2代表从文件末尾算起。

假设hello.txt文件中的内容是abcdefghijk，那么我们使用 seek() 方法来移动文件指针试试：

---