0 卖盘信息
BOM询价
您现在的位置: 首页 > 技术方案 >计算机及配件 > 最简单DIY基于ESP32CAM的物联网相机系统③(在JSP服务器图传相片给所有客户端欣赏)

最简单DIY基于ESP32CAM的物联网相机系统③(在JSP服务器图传相片给所有客户端欣赏)

来源: 电路城
2021-05-08
类别:计算机及配件
eye 16
文章创建人 拍明

原标题:最简单DIY基于ESP32CAM的物联网相机系统③(在JSP服务器图传相片给所有客户端欣赏)

cirmall

cirmall

cirmall

cirmall

cirmall

cirmall

cirmall

cirmall

cirmall

  在我的上一期的项目:最简单DIY基于ESP32CAM的物联网相机系统②(在JAVAWEB服务器实现图片查看器)   中实现的功能大概就是:用软件编程的方式模拟ESP32CAM上传的照片数据,解码显示在JAVAWEB服务器上,让浏览器登录服务器的当前用户能够查看图片,缺点就是不能上传和查看大图,也不能让其他客户端查看图片。

  那本次的项目功能就是:在上期的基础上,就是说上一期的功能基础上增加新的功能,加入密码异步上传图片的功能和反馈信息显示,利用JSP底层核心技术,故意抛弃MySQL数据库,实现多个客户端能使用密码实时查看实时更新图片的功能,完成局域网物联网相机系统初步雏形,注意了,上传图片还是用软件去上传或者用提交表单的方式上传,没有用到ESP32CAM相机硬件,因为时机未到!

  为什么我能不断发布一个系列的原创软硬件电路方案呢?那是因为我有可观的生活条件,因为我有浓厚的研发和玩耍的兴趣,靠卖这个电路方案养活自己是不可能的!只能牺牲自己的业余时间去奉献自己的开源代码!在企业上班的IT工作人员是没有那么多时间去写这个的,他们已经没有太多学习的时间,再说了他们也不愿意几分钱一行代码去卖了这个电路方案给自己的竞争对手;某电商某培训机构也不可能写这个的,他们要做的是广发广告,招收学徒收取学费,我这几块钱的方案,养他们的广告纸的费用都不够;国内知名专家教授也不可能写这个的,他们需要研究国外高深的人工智能算法,这样好出科研论文成果,没有必要写一个大家都觉得能DIY出来的东西;我的目的就是做我能做出来的东西,用成熟的技术,用成熟的语言和硬件,为了能让国内对我开源DIY项目感兴趣的一些DIY爱好者树立一个榜样,毕竟以前好多开源的项目都是国外的,外文的,现在国内缺的就是中文详细DIY开源教程,提升和宣传科学素养其实可以从自我做起的,但是吹嘘自己却不写任何核心原创的代码就是浮夸没有任何意义。

  请看项目演示的优酷视频:

  用网页提交表单的方式传小图:https://v.youku.com/v_show/id_XNTE0OTE4NzgyOA==.html

  用软件提交表单的方式传高清图(用ESP32CAM拍摄的):https://v.youku.com/v_show/id_XNTE0OTE5MjIzMg==.html

  下面正式介绍本次项目的功能:

  下面是运行的总效果图:

  上面就是部署服务器之后显示的谷歌浏览器显示计算结果answer=2.0,显示图片2.jpg的效果图,这次的界面比上一个项目的要多了一个异步提交请求的表单输入框,网页的布局也经过精心布局,至少完成对称性的美化,需要的用户名和密码我都在jsp网页上写好了,买家可以自行去掉,我是为了调试方便才写好的,买家至少在这里学会不用数据库也能实现后台密码验证的技术,去掉之后就要自己手动输入了。账号和密码错误是不能上传图片和查看图片的。

  上面就是查看别人通过输入账号和密码在“异步传图请求”那里上传的图片,查看图片的时候,点击“查看图片”按钮即可,不需要自己手动刷新网页,当然刷新也可以。买家在这可以学习到如何显示图片。

  上面就是其他客户端使用服务器主页上传图片的方案,在异步传图请求那里提交base64图片数据,上传成功会有红色字体显示图片数据再主页上的,这是上一版代码没有的功能。买家在这里可以学习到如何异步刷新局部网页显示红色反馈数据的技术。

  上面就是用专用post请求提交软件上传ESP32CAM130万高清摄像头拍摄的大图片,当然图片我是提前拍摄存储好的,格式是jpeg,在Post Data:输入框可以看到图片的编码信息,也可以看得出来图传的格式是由我自己确定的,服务器也是按照我制定的格式来接收图片信息的,所以买家在用软件发送图片的时候要按照我制定的用户名和密码去发送,软件收到OK说明上传图片成功了。用post方式来发送信息好处有个:1、信息长度不受限制,上个项目用get请求只能发送小图。2、通信过程不被别人看到,如果是发送get请求是可以在浏览器网址输入框看到账号和密码的。3、当需要传输的参数很多的时候就很方便,买家可以看到我是如何发送多个参数的,并且学习到如何将图片信息渗透到post请求当中,并通过网络传输给服务器。

  上面就是客户端点击“查看图片”显示高清图片的效果,可以看出来图片的格式是jpeg,再也不是png了,黑色的一长串数据就是高清大图的编码信息,买家可以拷贝到图片查看器去验证是不是真的。这个时候客户端并没有上传图片,所以是看不到红色字体的,红色字体是上传者才能看到的。所以归纳一下过程:第一个客户端模拟ESP32通过软件发送post请求上传高清大图,第二个客户端在谷歌浏览器登录服务器主页点击“查看图片”看到第一个客户端上传的图片。买家可以在这里学到不用数据库和硬盘如何实现服务器存储图片数据和分发图片数据给客户端,并且学会如何实现客户端与服务器交互。

      总的来说,这个软件的界面写得非常人性化,专为DIY设计人员量身定做的,比如还有一些功能我没有演示,比如账号为空报错、清空图片信息、表单发送get请求、表单异步发送post请求、这些代码用的都是底层的jsp技术,java技术,没有套用任何框架,也没有使用任何包,可以说是学习JSP技术和图传技术和JAVA技术的一个好材料。那个servlet计算器根据计算结果显示图片的技术不知道有多少人想写都难写得出来!软件的功能,程序逻辑和测试由daodanjishui独家设计,说实话不是那么容易一个人原创设计出来的,别人抄也难抄全,因为我会更新项目进度加入新的功能,做成一个系列,如果有好创意的买家,也可以私聊我,如果您的创意足够强大,我可以免费帮您写代码,只有我想不出来的点子,很难有我写不出的代码。下一期将会实现ESP32CAM照相机拍摄图片共享给所有连上服务器的用户,自动更新照片,这个项目不是物联网照相机系统的终点站,精彩值得期待······



责任编辑:

【免责声明】

1、本文内容、数据、图表等来源于网络引用或其他公开资料,版权归属原作者、原发表出处。若版权所有方对本文的引用持有异议,请联系拍明芯城(marketing@iczoom.com),本方将及时处理。

2、本文的引用仅供读者交流学习使用,不涉及商业目的。

3、本文内容仅代表作者观点,拍明芯城不对内容的准确性、可靠性或完整性提供明示或暗示的保证。读者阅读本文后做出的决定或行为,是基于自主意愿和独立判断做出的,请读者明确相关结果。

4、如需转载本方拥有版权的文章,请联系拍明芯城(marketing@iczoom.com)注明“转载原因”。未经允许私自转载拍明芯城将保留追究其法律责任的权利。

拍明芯城拥有对此声明的最终解释权。

上一篇: PCB名片
标签: JSP服务器

相关资讯

方案推荐
基于MC33771主控芯片的新能源锂电池管理系统解决方案

基于MC33771主控芯片的新能源锂电池管理系统解决方案

AMIC110 32位Sitara ARM MCU开发方案

AMIC110 32位Sitara ARM MCU开发方案

基于AMIC110多协议可编程工业通信处理器的32位Sitara ARM MCU开发方案

基于AMIC110多协议可编程工业通信处理器的32位Sitara ARM MCU开发方案

基于展讯SC9820超低成本LTE芯片平台的儿童智能手表解决方案

基于展讯SC9820超低成本LTE芯片平台的儿童智能手表解决方案

基于TI公司的AM437x双照相机参考设计

基于TI公司的AM437x双照相机参考设计

基于MTK6580芯片的W2智能手表解决方案

基于MTK6580芯片的W2智能手表解决方案