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

Javascript 在模式弹出窗口中显示.jpg和.txt文件值不起作用,javascript,php,jquery,Javascript,Php,Jquery,我这里有一个代码,用于检查在单击图像后服务器目录中是否存在.txt和.jpg文件(im使用cpanel)。然后它会在警报框中显示.txt文件的值(工作正常),它也会在同一框中显示图像。但它会返回img源 我真正想要的是: 在模式弹出窗口中显示两个文件(.txt值和图像) 弹出窗口左侧的.jpg 右边的.txt值 .txt文件值类似于: 头衔 副标题 这里的段落 这是我的密码: view.php 简单的AJAX示例 函数readexisting(){ jQuery.ajax({ 类型:“POST

我这里有一个代码,用于检查在单击图像后服务器目录中是否存在.txt和.jpg文件(im使用cpanel)。然后它会在警报框中显示.txt文件的值(工作正常),它也会在同一框中显示图像。但它会返回img源

我真正想要的是:

  • 在模式弹出窗口中显示两个文件(.txt值和图像)
  • 弹出窗口左侧的.jpg
  • 右边的.txt值
  • .txt文件值类似于:

    头衔 副标题

    这里的段落

    这是我的密码: view.php

    
    简单的AJAX示例
    函数readexisting(){
    jQuery.ajax({
    类型:“POST”,
    url:'controller.php',
    数据:{action:'readexisting',arguments:'your data'},
    成功:功能(数据){
    data=data.split(“~:~”);
    警报(数据[0]);//消息
    }
    });
    }
    
    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";
                       }
                   }
    
                }
                ?>
    
    
    

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

    您好,它仍在警报框中显示路径。你能再给我一些建议吗?我如何将其显示在模式弹出窗口而不是警报框中?非常感谢!:)谢谢看起来很棒!但我觉得有点复杂。我想要一些可以轻松与我的代码结合的东西。:)其实并不难,在
    success()
    回调中,您可以像使用$.fancybox(您的\u html\u字符串,{//options})一样使用它;
    $myPic = ($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.jpg");
    echo '<img src="'.$myPic.'" /><br />';
    
    $myPic = ($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.jpg");
    echo '<img src="'.$myPic.'" /><br />';
    
    $myPic = "/Project/events/folder-01/event-01.jpg";