通过html和cgi实现拍照显示功能

最新推荐文章于 2024-08-13 23:36:16 发布

华清远见嵌入式学院

最新推荐文章于 2024-08-13 23:36:16 发布

阅读量4.8k

点赞数 2

分类专栏： android开发 ARM相关 linux嵌入式方向文章标签： cgi html 嵌入式 xhtml stylesheet border

本文链接：https://blog.csdn.net/farsight2009/article/details/7737414

版权

linux嵌入式方向同时被 3 个专栏收录

495 篇文章 40 订阅

订阅专栏

android开发

135 篇文章 0 订阅

订阅专栏

ARM相关

28 篇文章 2 订阅

订阅专栏

作者：任程明,华清远见嵌入式培训中心讲师。

1. 编写html网页：video.html。

网页内容如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>video</title>
        <style type="text/css">
        
        </style>
        </head>
        <body>
        <table width="652" height="163" background="images/h3.png" border="0" align="center">
        <tr>
        <td><span class="STYLE1">example</span></td>
        </tr>
        </table><tr>
        <div align="center">video</div>
        <table width="500" align="center" height="561" border="0">
        <tr>

（1）前期移植了mjpg-streamer 来获得视频流。

（2）通过“ http://192.168.1.200:8080/?action=stream”来查看视频流的捕获情况。

<td height="500"><img src="http://192.168.1.200:8080/?action=stream"/></td>
        </tr>
        <tr>
        <td height="55"><form id="form3" name="form3" method="post" action="./cgi-bin/capture.cgi">
        <table width="500" border="1" bgcolor="#CCFFFF" bordercolor="#5500FF">
        <tr>
        <td width="195"><p>
        <label></label>
        <a href="choose.html">choose /a><br />
        </p></td>
        <td width="289">
        <div align="center">

(3)前期移植了boa服务器。

(4)点击网页上的“单拍”按钮后，调用服务器中的cgi：picture.cgi,对图像数据进行采集。

2. 用于获取图片的cgi程序：picture.c .

Cgi程序内容如下：

#include <stdio.h>
        #include"cgic.h"
        #include <string.h>
        #include <stdlib.h>
        #include <unistd.h>
        #include <errno.h>
        #include <stddef.h>
        #include <sys/stat.h>
        #include <dirent.h>
        #include <iconv.h>
        #include <sys/types.h>
        #include <sys/wait.h>
        int cgiMain()
        {

(1)使用文件系统中的文件夹相应的操作变量：

DIR *dir;
struct dirent *dirp;

(2)cgi程序将相关的网页信息到浏览器中显示：

cgiHeaderContentType("text/html");
        fprintf(cgiOut, "<HTML>\n");
        fprintf(cgiOut, "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">");
        fprintf(cgiOut, " <html xmlns=\"http://www.w3.org/1999/xhtml\"><head>");
        fprintf(cgiOut, "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />");
        fprintf(cgiOut, "<link rel=\"stylesheet\" href=\"../images/style.css\" type=\"text/css\" /> <title>history Picture</title></head>");
        fprintf(cgiOut, "<body>");
        fprintf(cgiOut, "<H1 align=\"left\">history Picture:<H1>");

(3)编写cgi程序读取文件系统中的图片文件

if((dir = opendir("../pice/")) == NULL)
        {
        perror("fail to opendir");
        return -1;
        }
        if(dir != NULL)
        {
        while((dirp = readdir(dir)) != NULL)
        {
        if(dirp->d_name[0] == '.') continue;
        fprintf(cgiOut, "<div align=\"center\">");
        fprintf(cgiOut,"%s",dirp->d_name);
        fprintf(cgiOut, "</div>");

(4)通过cgi程序显示图片文件到网页：

fprintf(cgiOut, "<div align=\"center\"><img src=\"../pice/%s\" width=\"320\" height=\"240\" />",dirp->d_name);
        fprintf(cgiOut, "</div>");
        }
        }
        fprintf(cgiOut, "</BODY></HTML>");
        return 0;
        }