HTML——文件上传域

文件上传是网站中一种常见的功能。例如百度网盘、QQ 邮箱以及有道云笔记都可以实现文件的上传。在 HTML 中，把 <input> 标签的 type 属性设置为 file 就可以实现上传文件的功能，又叫做文件上传域。

具体语法格式如下：

<input type="file" />

　　

例子：

<form action="xxx" method="post" enctype="multipart/form-data">
     <input type="file" name="file" accept="image/png"/><br/>
     <input type="submit"/>
</form>

　　

注意：上传文件时，需要把 method 属性设置为 post（get 方式不能提交文件）。

 

 

———— 属性：

1、<form> 标签的 enctype 属性

enctype 属性规定被提交数据的编码。如果提交数据中包含文件时，需要把 <form> 标签的 enctype 属性设置为 multipart/form-data。如果不这样设置，文件将无法正常提交。

 

2、<input> 标签的 accept 属性

当 <input> 标签的 type 属性为 file 时，使用 accept 属性可以规定上传文件的类型。如果 accept 的属性值为多个，它们之间需要用逗号隔开。

 

3、<input>标签的multiple 属性

表示可以同时选择多个文件一起上传。

 

 

———— 常用的文件类型：