上传和下载

最近在做bootstrap框架里的上传与下载部分，做了有3节课了。但是做出的结果还是不怎么惹人满意。所以我自己从网上查阅资料、通过问其他人，总算把大概代码写了出来。下面我来讲讲我用到的一些知识点。

1.h5基本上传文件框格式：<input type="file" name="file">

2.上传文件的按钮实现：组合框的实现   .input-group 和 .input-group-addon

3.bootstrap的表单错误提示样式  .has-feedback和.form-control-feedback

首先做之前要先引入两个文件bootstrap-fileinput/css/fileinput.min.css bootstrap-fileinput/js/fileinput.min.js

如果需要考虑中文化，那么还需要引入文件 bootstrap-fileinput/js/fileinput_locale_zh.js

其次，页面代码里面，我们放置一个文件上传控件

<div class="row" style="height: 500px">

<input id="file-Portrait1" type="file">

</div>

然后，就可以开始进行上传文件了，其中，我们注意到文件保存的处理逻辑代码部分

1 2 3

//增加上传处理 initPortrait(data.Data1);//使用写入的ID进行更新 $('#file-Portrait').fileinput('upload');

虽然我写的不是很完整，但是还是把大概框架做了出来。希望通过自己的努力，能在以后就业上有一席之地。