开篇
- 前段时间逛了下旷视官网，真是变化好大页面好漂亮现在，依稀记得最开始上的官网哪来这么炫酷
- 然后就继续点进去看了下Face++API，果不其然参数变了不少，识别点越来越多了
- 再接下来我又翻了翻自己很久前写的一篇博文，这不行了，这之前写的啥玩意，代码也找不到了，而且现在也不能用了，故，立了个flag
操刀
开始操刀了，还是一样我选择了SpringBoot，没什么，就是方便。这次选择用BootStrap框架。
- 首先操刀之前，先去上面官网去注册用户，创建个应用，目的是为了获取它的api-key和api-secret
- 现在不像之前那样复杂了，那时候还得下个jar包导入才能调它的方法，现在直接在线调用即可。具体代码如图位置：
这样的话只需要把你需要识别的图片路径，你刚获取的api-key和api-secret替换就行了，然后你就可以得到一串json格式的字符串。太长我就不放了，主要信息就在faces中。我这里主要就是简单获取faces下面attributes中的一些参数。具体可直接看它官网的API，很详细的。 - 图片上传我使用的是BootStrap-FileInput插件，这个插件确实很美观，刚开始使用的时候不太会，故研究了会。特别需要注意需要导入此插件的js和css，不然你就会有种想砸键盘的感觉了。
html：
1 | <div class="modal-body" style="text-align: center;"> |
js:
1 | //参数1:控件id、参数2:上传地址 |
文件上传成功后后台还需要接收它，如何接收?且听我慢慢道来：
1 | MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; |
这两句可以接收到对应页面上传的图片，List说明它可以一次上传多张。既然能接收到，那就什么都不是事了。接下来想怎么玩就怎么玩。
在页面用到BootStrap模态框的时候我发现它不能拖拽，然后网上冲浪了一会，发现把jquery-ui导入就可以使用draggable()方法。可全局可单页面，我这里是全局设置。
1
2
3
4
5
6// 使模态框可拖拽
$(document).on("show.bs.modal", ".modal", function(){
$(this).draggable();
$(this).css("overflow-y", "scroll");
// 防止出现滚动条，出现的话，你会把滚动条一起拖着走的
});前端知识还需要恶补啊，现在页面想做点炫酷的效果是一点办法没有，布局排版还丑的一批。还需努力啊！
Screenshots
Index
One Person Result
More than One Person Result
