前端的小玩意（11）上传文件和上传文件的后缀名限制

上传文件：

引用自：https://developer.mozilla.org/zh-CN/docs/Web/Guide/Using_FormData_Objects

①需要使用FormData这个对象。

②兼容性：

需要至少IE10

③类似用<form></form>标签

④方法：

先new一个FormData对象

var form = new FormData();

然后利用.append(key, value)的方法来添加内容；

form.append("file", file);

这里的file是你要上传的文件；

具体而言，假如你获取到了这个标签<input type="file"/> 他的变量名为file

那么，放在这个append方法中第二个参数位置是应该是这样：file.files[0]

后缀名限制：

引用：

http://www.dewen.net.cn/q/3470

http://www.w3cschool.cn/htmltags/att-input-accept.html

 

可以使用accept属性
<input type="file" accept="image/gif, image/jpeg" >
如果不限制图像的格式，可以写为：accept="image/*"。
accept：MIME_type 用逗号隔开的 MIME 类型列表。

 

注：

第二个链接更全一些

值	描述
audio/*	接受所有的声音文件。
video/*	接受所有的视频文件。
image/*	接受所有的图像文件。
MIME_type	一个有效的 MIME 类型，不带参数。请参阅 IANA MIME类型，获得标准 MIME 类型的完整列表。