HTML文件上传

使用 input ，指定类型为 file ，来完成文件上传功能。

多文件上传需要在标签上添加 mulyiple 属性：

使用 accept 属性来限制上传文件的类型，当然这么做任然是不可靠的，还需要后端做进一步的判断。

如果我们是用户，当我们上传了一张图片，却只显示了几个文字，是不是很不爽，那我们怎么来实现预览功能呢？

我们可以使用 FileReader 将图像转换为二进制字符串，然后添加 load 事件监听，在文件上传成功后获取二进制字符串。

显示文件上册进度 来提高用户体验

FileReader 还有一个 progress 事件，表示当前上传进度，配合HTML5的 progress 标签，我们来模拟一下文件的上传进度。

是为这个选项框添加一个javascript事件函数，对选项框作出选择就会触发事件，在事件函数里根据选项的不同决定跳转的地址。

是选项框选择时先不跳转，点击提交的时候才进行跳转，这个需要在提交按钮上添加一个提交前事件，同样是javascript，在javascript函数里实现跳转。

第三种是动态web，在form里指定一个action，跳转到一个处理页面上，在这个页上通过获取request的请求参数来决定跳转到哪个地址。

HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。

HTML是由Web的发明者 Tim BernersLee和同事 Daniel WConnolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。

用HTML编写的超文本文档称为HTML文档，它能独立于各种 *** 作系统平台UNIX， Windows等，使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件翻译成可以识别的信息，即现在所见到的网页。

相信大部分同学此时的进度已经到达HTML/CSS阶段了。这个阶段我们会实现很多的网页，但是它们都只能在我们自己的电脑里查看，你想不想把它放到网络上让别人去看呢？

如果你也想把自己的网站放到网络上，就继续看吧。

可以试 点击这里 打开一个我写的网页（ 我的网站使用了一些字体，文件稍微有些大，加载可能会慢一些 ）

这一步比较简单，就是在 码云 上注册自己的账号。但是要注意的是，你需要 绑定自己的手机号 ，不然是不能使用 Gitee Pages 服务的，而这个服务是我们将自己的网页放到网络上 最重要的一步 。

当我们刚登陆码云的时候，大概会看到这样的情况：

这一步需要我们将自己的相关的文件传输上去。

首先点击上图的文件，出现一个新建文件夹的选项，点击，为自己的网页创建文件夹，名字就根据自己的项目随意。

如果你的网页带有目录结构（比如css，imgs等），就先按照每个目录的名字创建好文件夹（步骤同上）之后将其对应的文件夹拖拽进去，就会自动把文件夹下的所有文件自动选择来上传，类似下面的动图。

假如你想把你的html文件夹上传，就先创建一个html的文件夹（在步骤三最开始创建的那个文件夹下创建），然后将你的html文件夹拖拽过去即可。

所有的绝对路径要改为相对路径，因为别人无法直接访问你电脑上的文件，就会导致你的网页将会是不完整的（会缺少诸如css文件，图片等外部资源）。

假如你的html文件和css文件分别在html和css这两个文件夹下，则html中的link标签应该这样写： <link rel="stylesheet" src="../css/xxx.css">这就是相对路径的写法，包括图片和其他资源也是同样的写法。

这一步是所有步骤中最重要的一步，也是最后一步，完成后就大功告成了！

首先点击你仓库右上角的“服务”，点开里面的Gitee pages。

之后填写上部署目录的名称点击最下面的按钮，然后稍等一会就OK了！

---