冰冰的小屋

路漫漫其修远兮,吾将上下而求索

HTML5 的 input:file 上传类型控制

一、input:file 属性

属性值有以下几个比较常用:

accept:表示可以选择的文件 MIME 类型,多个 MIME 类型用英文逗号分开,常用的 MIME 类型见下表。

multiple:是否可以选择多个文件,多个文件时其 value 值为第一个文件的虚拟路径。

1、accept

只能选择 png 和 gif 图片

2、multiple

多文件上传

3、常用 MIME 类型

二、样式美化

请看博客:[css inputtype=file] 样式美化,input 上传按钮美化 http://www.haorooms.com/post/css_input_uploadmh

三、AJAX 上传文件

在说到 ajax 上传文件。ajax 上传的时候,需要获得 input:file 选择的文件(可能为多个文件),获取其文件列表为:

获得的文件列表,然后遍历插入到表单数据当中。即:

获得表单数据之后,就可以用 ajax 的 POST 上传。

上传到服务器之后,获取到文件列表为:

在服务端循环遍历这个数组就可以上传文件了。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注