在模态弹出窗口中显示.jpg和.txt文件值不起作用

时间:2013-10-01 07:48:30

标签: javascript php jquery

我在这里有一个代码,用于在图像点击后检查服务器目录中是否存在.txt和.jpg文件(使用cpanel)。然后它在警告框中显示.txt文件的值(效果很好)它还应该在同一个框中显示图像。但是它返回了img源代码。

我真正想要的是:

  1. 以模式弹出
  2. 显示两个文件(.txt值和图像)
  3. 弹出窗口左侧的.jpg
  4. 右侧的.txt值
  5. .txt文件的值类似于:

    标题 字幕

    这里的段落......

    这是我的代码: view.php

                <html>
                    <head>
                        <title>Simple AJAX Example</title>
                        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
                    </head>
                    <body>
                        <div class="Thumb popup_element shadow clearfix" id="u2413"><!-- group -->
                          <img class="grpelem" id="u2471" alt="This Week's Events" src="images/blank.gif" onclick="readexisting()"/><!-- state-based BG images -->
                        </div>
    
                        <script>
                            function readexisting() {
                                 jQuery.ajax({
                                    type: "POST",
                                    url: 'controller.php',
                                    data: {action: 'readexisting', arguments: 'your data'}, 
                                    success:function(data) {
                                                         data = data.split("~:~");
                                                         alert(data[0]); // message
    
                                    }
                                });
                            }
                        </script>
                    </body>
                </html>
    

    Controller.php这样

                <?php
                    include_once("model.php");
    
                    $obj = new Model();
    
                    switch($_POST["action"]){ 
                        case 'readexisting': 
                            $obj->readexisting();
                        break;      
                    } 
                ?>
    

    model.php

                <?php
                class Model {
    
                   public function readexisting() {
                       if (file_exists($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.txt") && file_exists($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.jpg")) {  
                            $myPic = ($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.jpg");
                            echo '<img src="'.$myPic.'" /><br />';
    
                            $myFile = ($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.txt");
                            $fh = fopen($myFile, 'r');
                            $theData = fread($fh, filesize($myFile));
                            fclose($fh);
                            echo $theData ; 
    
                       } else {
                            echo "The file $myFile does not exist";
                       }
                   }
    
                }
                ?>
    

    希望你能帮助我。请随时编辑我的代码。非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

$myPic = ($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.jpg");
echo '<img src="'.$myPic.'" /><br />';

您正在使用服务器路径作为网址

可能应该是

$myPic = "/Project/events/folder-01/event-01.jpg";