HTML文件上传域

  • 内容
  • 评论
  • 相关

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

<input type="file" />

接下来我们看一下怎样才能实现文件的正确上传呢?具体代码如下:

<form action="http://vip.biancheng.net/register.php" method="post" enctype="multipart/form-data">
     <input type="file" name="file" accept="image/png"/><br/>
     <input type="submit"/>
</form>

上传文件时,需要把 method 属性设置为 post(get 方式不能提交文件)。

上述代码中,使用了 <form> 标签的 enctype 属性以及 <input> 标签的 accept 属性,我们来分别看一下: 

1. enctype属性

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

本文标题:HTML文件上传域

本文地址:http://www.hosteonscn.com/8088.html

评论

0条评论

发表评论

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