如何在运行Apache的raspberry pi上部署这些?

时间:2015-04-26 02:36:53

标签: html apache web raspberry-pi

我将pdf文件在线传输到HTML,我下载了一个文件,其中包含四个文件:xxxxx.htmimage.jpgxxxxx.pdf和一个名为xxxxx_images的文件夹其中包含一张名为xxxxx1*1.jpg的图片。

如果我只将HTML放入树莓中,则不会显示PDF图片。那我应该把图像放在哪里?该网站存储在/var/www/index.html

这是代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>    
    <HEAD>
        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <META http-equiv="X-UA-Compatible" content="IE=8">
        <TITLE>Created by BCL easyConverter SDK 3 (HTML Version)</TITLE>
        <STYLE type="text/css">
            body {
                margin-top: 0px;
                margin-left: 0px;
            }
            #page_1 {
                position:relative;
                overflow: hidden;
                margin: 130px 0px 793px 80px;
                padding: 0px;
                border: none;
                width: 714px;
            }
            #page_1 #dimg1 {
                position:absolute;
                top:8px;
                left:0px;
                z-index:-1;
                width:47px;
                height:14px;
                font-size: 1px;
                line-height:nHeight;
            }
            #page_1 #dimg1 #img1 {
                width:47px;
                height:14px;
            }
            .ft0 {
                font: 19px'Arial';
                color: #606060;
                line-height: 22px;
            }
            .ft1 {
                font: 11px'Arial';
                line-height: 14px;
            }
            .ft2 {
                font: 13px'Arial';
                line-height: 16px;
            }
            .p0 {
                text-align: left;
                padding-left: 67px;
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .p1 {
                text-align: left;
                padding-left: 67px;
                margin-top: 25px;
                margin-bottom: 0px;
            }
            .p2 {
                text-align: left;
                padding-left: 67px;
                margin-top: 59px;
                margin-bottom: 0px;
            }
            .p3 {
                text-align: left;
                padding-left: 67px;
                margin-top: 42px;
                margin-bottom: 0px;
            }
        </STYLE>
    </HEAD>

    <BODY>
        <DIV id="page_1">
            <DIV id="dimg1">
                <IMG src="Hello%20World_images/Hello%20World1x1.jpg" id="img1">
            </DIV>
            <P class="p0 ft0">Hello world</P>
            <P class="p1 ft1">
                <NOBR>123-456-7890</NOBR>no_reply@example.com</P>
            <P class="p2 ft0">Hello world</P>
            <P class="p3 ft2">This is a pdf file for test.</P>
        </DIV>
    </BODY>
</HTML>

1 个答案:

答案 0 :(得分:0)

您的图片路径可能不正确。您的HTML代码指定了glfwInit(); glewExperimental = GL_TRUE; if (glewInit() != 0) { std::cout << "Failed to initialize GLEW" << std::endl; return -1; } ,其相对路径为img,但您的问题表明您拥有:

  

一个名为xxxxx_images的文件,其中包含一张名为xxxxx1 * 1.jpg的图片。

我不确定这意味着什么,但要确保您的图片位于HTML指定的位置,或者修改Hello%20World_images/Hello%20World1x1.jpg标记的src属性以匹配实际的文件位置