最近做了个关于人脸分析的应用,调用的是Face++的接口(虽然精度不是很高),通过链接、拍照和上传图片对图片中人脸进行分析,
做这个是由于要上一门课,老师让做个东西出来,就做了.由于对前端不是很熟悉,写起来也很邋遢,零零散散写了近十天左右,写的代码自己也不忍直视...
这个是功能展示的图片:
说说用到的东西吧:
- facepp-sdk.min.js,这是Face++的js库,调用里面的方法更方便的调用Face++的分析接口,详情可参考其文档;
- webcam.min.js,这是浏览器调用摄像头的js库,可以通过摄像头拍照生成图片的二进制数据,然后将数据解析上传保存为图片,刚开始用的是photobooth.js,但是不知道为什么这个插件和bootstrap3.0不兼容,就放弃了;
- ajaxfileupload.js,这是异步上传文件的js库,因为需要上传图片来进行人脸分析的,而如果通过表单上传图片post之后再跳转回来显得有点啰嗦,感觉交互起来不是很好,就用了这个东西,前面还试过其他异步上传文件插件,但是用起来都不是很顺手(说了前端差的要命,虽然后端差的更要命);
- 关于webcam.min.js拍照的实现代码:
2. 未提交时验证表单中所上传文件的大小、类型:
3. 异步上传文件,ajaxfileupload.js,
4. 解析图片二进制数据写到storage:
