创新实训——bootstrap-fileinput实现视频文件上传

今天研究了一下午bootstrap扩展的文件上传控件，因为实在忍受不了默认无样式的文件上传。

效果如图：

是不是感觉瞬间高大上了很多，而且上传后的文件可以进行在线浏览，全屏播放：

不要着急，下面附上具体实现过程。

1.首先是插件。

具体的插件和example可以从

https://www.cnblogs.com/parker-yu/p/7207071.html

下载

2.然后是form表单

下载并引用了相应文件后，进行html form的编写：

这是我form表单中的一部分，很简洁。

3.然后是用Js进行对用input的设置

这里allowedFileExtensions:用来限制上传文件的类型。

4.最后是进行php方法的书写