系列文章关于前端上传文件综合基础扫盲贴（零）关于前端上传文件综合基础扫盲贴（一）-----XMLHttpRequest关于前端上传文件综合基础扫盲贴（二）-----File前端上传文件综合基础扫盲贴（三）-----FormData前端上传文件综合基础扫盲贴(4)-----FileReader前端上传文件综合基础扫盲贴基础扫盲贴(5)-----关于前端上传文件的H5拖拽事件综合基础扫盲贴(6)-----图片上传、旋转、重绘、预览等实战（附DEMO）为什么前言分章写什么？因为涵盖的知识点比较多，我可能会尽量介绍的详细一些，照顾基础不好的人，温故知新。一开始，我真的打算写一篇文章。写到一半才发现已经是一篇很长的文章了。很多人比如我，一进来看到这么多内容就已经被吓到了，而且也不是所有人都需要看懂所有的内容，所以打算分开来，让读者知道他们需要什么。至于为什么会有零章？因为太基础了，一般人可以忽略，只针对小部分新手和记忆力不好的人，如果觉得可以略过。先来说说上传一直是我很害怕的事情，接触的比较少，因为之前没有标准，为了实现上传，不得不写各种恶心的兼容代码，而插件往往容易出bug，没有修改的能力。今天，真正的勇士要面对血淋淋的现实，所以特地开了一个扫盲贴，研究总结一下上传的小知识，带大家浏览一下我需要用到的一些API。零、基础（知识点主要来自w3school）（已经熟悉的可以跳过本章）标签用于创建HTML表单用户输入。表单可以包含输入元素，例如文本字段、复选框、单选按钮、提交按钮等。表单还可以包含菜单、文本区域、字段集、图例和标签元素。表单用于将数据传输到服务器。Fielddescriptionname指定表单的名称action指定表单提交时将表单数据发送到哪里form-dataHTTP方法novalidate如果使用该属性，提交表单时将不进行验证。（Html5属性）onsubmitForm对象的onsubmit属性指定了一个事件处理函数。当用户单击表单中的“提交”按钮提交表单时，将调用此事件处理函数。请注意，调用方法Form.submit()时不会调用此处理函数。如果onsubmit处理程序返回fasle，则不会提交表单的元素。如果该函数返回其他内容或不返回任何内容，将提交表单以获取详细信息请点击关于formlabelMaleGirl标签元素不向用户呈现任何特殊效果。但是，它提高了鼠标用户的可用性。如果您单击标签元素内的文本，则会触发此控件。也就是说，当用户选择标签时，浏览器会自动将焦点转到与标签相关的表单控件上。标记的for属性应与相关元素的id属性相同。Fielddescriptionfor指定标签绑定到哪个表单元素form指定标签字段所属的一个或多个表单详情请点击labelinput沃尔沃萨博菲亚特奥迪标签用于收集用户信息。根据type属性的值，输入字段有多种形式。输入字段可以是文本字段、复选框、编码文本控件、单选按钮、按钮等。详情请点击输入Submit对象代表HTML表单中的一个提交按钮。在提交表单之前，会触发onclick事件处理器，fasle可以返回一个句柄来取消提交表单。submit：将表单数据提交到Web服务器。此方法提交表单就像用户单击提交按钮一样，但不会调用表单的onsubmit事件处理程序。阅读有关提交的更多信息ClickMe!在按钮元素内，您可以放置??内容，例如文本或图像。这是此元素与使用输入元素创建的按钮之间的区别。与相比，
