前端上传文件的示例分析

这篇文章将为大家详细讲解有关前端上传文件的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

在莎车等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站制作、网站设计网站设计制作按需策划设计,公司网站建设,企业网站建设,品牌网站建设,成都全网营销推广,成都外贸网站建设,莎车网站建设费用合理。

零, 基础(知识点主要来源于w3school)(已经熟悉的人直接跳过这一章节吧)

标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。

字段	描述
name	规定表单的名称
action	规定当提交表单时向何处发送表单数据
enctype	(on/off)规定在发送表单数据之前如何对其进行编码
method	(get/post)规定用于发送 form-data 的 HTTP 方法
novalidate	如果使用该属性，则提交表单时不进行验证。(Html5属性)
onsubmit	Form 对象的 onsubmit 属性指定了一个事件句柄函数。当用户单击了表单中的 Submit 按钮而提交一个表单时，就会调用这个事件句柄函数。注意，当调用方法Form.submit() 时，该处理器函数不会被调用。如果 onsubmit 句柄返回 fasle，表单的元素就不会提交。如果该函数返回其他值或什么都没有返回，则表单会被提交

详情查阅请狠狠地点击关于form

label

Male

Girl

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。标签的 for 属性应当与相关元素的 id 属性相同。

字段	描述
for	规定 label 绑定到哪个表单元素
form	规定 label 字段所属的一个或多个表单

详情查阅请狠狠地点击关于label

input











  Volvo
  Saab
  Fiat
  Audi

标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、码后的文本控件、单选按钮、按钮等等。

详情查阅请狠狠地点击关于input

Submit 对象代表 HTML 表单中的一个提交按钮,在表单提交之前，触发 onclick 事件句柄，并且一个句柄可以通过返回 fasle 来取消表单提交。

submit: 把表单数据提交到 Web 服务器。该方法提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用。

详情查阅请狠狠地点击关于submit

Click Me!

在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

字段	描述
name	规定按钮的名称
disabled	规定应该禁用该按钮