利用codova框架加H5完成拍摄照片并且上传至服务端

利用codova框架加H5完成拍摄照片并且上传至服务端

因为H5平台的各种便利性,工业级安卓手机等的性价比(较好),很多企业在选用PDA作为员工使用的手持终端设备
然而企业里的做普通运维的IT团队要开发一个自用的安卓APP,难度是非常大的,因此我们采用codova框架做为基础,用JAVASCRIPT去调用一些功能,发现非常方便,目前已经实现的功能有:
一:集成ERP登陆

二:调用工业级红外扫描头扫描一维,二维码

三:调用普通手机摄像头扫描二维码

四:调用普通手机拍摄照片,上传至服务端

五:检测内外网访问,自动切换服务器地址

 

今天先介绍一下这个拍摄照再上传片的开发流程

为了完成这个程序,前后花了大概2个星期(因为本人也不是资深的APP开发人员,然后网上的各种教程,例子,都是参次不齐,对于使用者的要求极高)

1: 准备好CODOVA开发环境

2: 把调用摄像头且拍摄照片的这个插件功能集成到APP里面去, 要下载最新的版本(因为7.0及以后的手机,在存储权限方面完全不同)

3:  配置好H5接口 (就是用javascrip来调用拍摄照片的插件, 返回照片的base64编码)

4: 处理照片上传的服务端 , 接收照片的base64编码,及其他照片有关的信息, 把base64字符串转成流信息,然后用FTP上传,返回上传成功的文件名.

5:接收到上传结果,提示用户

6:处理好前端UI,即各种按钮的出现节点,该出现的时候就出现, 不该出现的时候隐藏.

项目期间研究了CODOVA的JAVASCRIPT插件机制,注册机制,等,觉得对大型多人合作的项目,非常有用

期中过程非常艰辛,需要源代码的请在评论区留下联系方式. 

后续再分享其中的原理研究及其他项目的心得.