2

ディレクトリからphpを介してファイルを読み取り、ファイルのコンテンツを表示できるドロップダウンメニューを動的に作成することに成功しました。ただし、別のphpページを呼び出すことでこれを行いました。同じページ内にテキスト ファイルの内容を表示する方法はありますか? これは Ajax で実現できることはわかっていますが、例が見つかりません。

ありがとう

<html>
<head>
<link rel="icon" type="image/png" href="logo.png">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function populateIframe(id,path) 
{
    var ifrm = document.getElementById(id);
    ifrm.src = "download.php?path="+path;
}
</script>
<body>
<?php
    //"file_to_be_displayed" is the name of the dropdown
    $selectedfile = @$_POST['file_to_be_displayed'];
    $path ="$selectedfile";
    $content = file($selectedfile);
    $data = implode("<br>",$content);
    echo $data;
?>
<?php
$dirname = "<path>";
$dir = opendir($dirname);
echo '<form name="displayfile" action="print_output_file.php" method="POST" target="_blank">';
echo '<select name="file_to_be_displayed">';
echo '<option value="">Select File</option>';
while(false != ($file = readdir($dir)))
        {
         if(($file != ".") && ($file != ".."))             
        {
        echo "<option value=".$file.">$file</option>";
        }
        }
                echo '</select>';
echo '<input type="submit" value="display content of file"/>';
echo '</form>';
?>
</head>
</form>
<iframe id="frame1" style="display:none"></iframe>
<a href="javascript:populateIframe('frame1','<?php echo $path; ?>')">download</a>
</body>
</html>

print_output_file.php 関数

<html>
<body>
<?php 
$myFile =$_POST['file_to_be_displayed'];
$myFile1 ="http://<file path>/"."$myFile";
$lines = file("$myFile1");
$fileString = file_get_contents("$myFile1");
echo nl2br( htmlspecialchars($fileString) );
echo '<br>';
?>
</body>
</html>

download.php 関数

<html>
<body>
<?php
header("Content-type: text/plain");
header("Content-Disposition: attachment; filename=".$_GET['path']);
readfile($_GET['path']);
?>
</body>
</html>
4

1 に答える 1

1
$dirname = "<path>";
$dir = opendir($dirname);
echo '<form  action="" method="" target="">';
echo '<select id="select_file">';
echo '<option value="">Select File</option>';
while(false != ($file = readdir($dir)))
        {
         if(($file != ".") && ($file != ".."))             
        {
        echo "<option value=".$file.">$file</option>";
        }
        }
                echo '</select>';
echo '</form>';

JS

('#select_file').on('change', function() {
   var file_to_be_displayed = 'file_to_be_displayed='+$(this).val();
   $.ajax({
    type:'POST',
    url: "print_output_file.php",
    data:file_to_be_displayed,
    success:function(data){
        $('#id_where_to_show').html(data);  
    }
    });
});  

PHP FILE_TO_BE DISPLAYED // 基本的に同じ

<?php 
$myFile =$_POST['file_to_be_displayed'];
$myFile1 ="http://<file path>/"."$myFile";
$lines = file("$myFile1");
$fileString = file_get_contents("$myFile1");
echo nl2br( htmlspecialchars($fileString) );
?>

したがって、オプションを選択すると、ファイルにロードされます。

私はあなたが何を望んでいたかを正しく理解していることを願っています..だからIframeと$ _GET []、

最初にドロップダウンのオプションとしてファイル名を出力し、ファイルを選択してajaxに渡すと、コンテンツが返されます。あなたはもっと遊ぶことができます...

于 2013-10-17T13:50:45.887 に答える