Ajax 一个字符串响应中包含多个文件名

Question

我想 return 在我的 html 模式中使用的文件名。但不是 returning 每个文件名，而是一次 return 所有文件名。检查下图：

我的模式代码是：

<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        <?php 
            $text = '<div class="fetched-data"></div>';
            echo $text;
        ?>

        <div class="modal-body"></div>
    </div>
</div>
</div>
</div>

我打开模式并获取文件的脚本是：

$(document).ready(function() {
    $('#myModal').on('show.bs.modal', function(e) {
        var rowid = $(e.relatedTarget).data('id');
        $.ajax({
            type: 'post',
            url: 'fetch_record.php', // Here you will fetch records
            data: 'rowid=' + rowid, // Pass $id
            success: function(data) {
                alert(data);
                $('.fetched-data').html(data); // Show fetched data from database
                $('<div>').append($("#myModal .modal-body img").clone()).html();
            }
        });
    });
});

最后我从服务器获取文件名的文件是：

<?php

$uId = $_POST['rowid'];
$directory = 'uploads/'.$uId.'/thumb';

$scanned_directory = array_diff(scandir($directory), array('..', '.'));
$fi = new FilesystemIterator($directory, FilesystemIterator::SKIP_DOTS);
$number_files = iterator_count($fi);

foreach($scanned_directory as $img){
    echo $img;
}

?>

我想在我的模式中显示每张图片我应该怎么做？

Answer 1

这可能对你有帮助，

$scanned_directory = array('1.jpg','2.jpg','3.jpg');

$result = "";

foreach($scanned_directory as $img){
    $result .= "<img src='".$img."'> <br>"; 
}

echo $result;

Ajax 一个字符串响应中包含多个文件名

Ajax multiple file names in one string response

html

php

ajax

modal-dialog