准备工作
- 场景识别能力网址:https://vision.aliyun.com/imagerecog
- 在开发前必须完成oss与AccessKey的开通(见https://mp.csdn.net/editor/html/115100574 )或帮助文档(https://help.aliyun.com/document_detail/145017.html?spm=a211p3.14065695.J_4664141320.2.61827b14qNaT51 )
- 首先需要安装阿里云SDK核心库与需要的API SDK(参见https://help.aliyun.com/document_detail/145009.html?spm=a2c4g.11186623.6.566.21d44e991jOPho )
后端功能:
- 保存结果结构:`allImg`内保存的是所有图片的名称,`cateMap`内有两个类别,一个是`expression`,用于记录表情;另一个是`scene`,用来保存场景;`expressionMap`则是每一类表情/场景下的图片;之所以保存所有类别是为了便于查询某一类别下单的所有照片。`imgLables`则是每张图片内的含有代表标签。
- 场景识别`VersionService`的核心函数是`recognizeScene`和 `recognizeExpression`两个,分别用于识别场景和表情
- 将图片流传入服务端,进行识别, 因此可以实现本地上传图片,而不一定要是oss的url
前端页面结构:
- 上传组件,实现本地图片上传功能。其中`action`内定义了访问的后端接口,`:on-success`定义成功上传后应该的操作
- `vue-gallery`组件,定义照片属性,渲染到前端页面中,对背景图片进行处理,
- 通过监听按键与数据变化,实现展现不同图片
阿里云高校计划,陪伴两千多所高校在校生云上实践、云上成长。在这里你可以领用免费的cpu资源,还可以参加免费训练营,实践提高:https://developer.aliyun.com/adc/student/