beego 前端实现多文件上传功能

https://github.com/kartik-v/bootstrap-fileinput

问题: jQuery版本冲突导致页面显示错乱

1.下载并把对应的js/css资源拷贝到beego项目中的static下

2.在view的tpl中添加引用

2.1 参考examples中的index,需要添加如下:

2.2 发现会和项目中用到的jQuery冲突,遂改成如下

2.3 修改文件选择样式不对,尝试各种方法不行,最后先保证文件选择样式正确,再一步步把view的代码加上,最后完美显示

1.png

3.实现上传接口

3.1 在对应的controller中添加上传router接口,只实现post方法,保证input的name值和this.GetFile("files")的key值一致

2.png

3.png

5.png

测试结果:

4.png

4.实时显示进度

暂未实现