这种图片显示方式$image_data = base64_encode(file_get_contents($image)); echo "<img src='data:image/jpeg;base64,$image_data' alt='图片'>"; 修改图片为居中显示，以及设置大小。请问怎么修改请详细说明，请举例说明怎么使用

要让图片居中显示，并设置图片大小，可以使用 CSS 属性 `margin` 和 `display`，以及 `width` 和 `height` 属性。以下是示例代码：

img {
  display: block; /* 将图片转换为块级元素 */
  margin: 0 auto; /* 使用 margin 属性使图片水平居中 */
  width: 300px; /* 设置图片宽度为 300 像素 */
  height: auto; /* 高度自动调整 */
}

将上述 CSS 代码添加到页面的 `<style>` 标签或外部 CSS 文件中即可生效。这里的示例代码将图片的宽度设置为 300 像素，高度自动调整，也可以根据实际需要进行调整。下面是示例 HTML 代码：

<div>
  <?php
    $image = 'example.jpg';
    $image_data = base64_encode(file_get_contents($image));
    echo "<img src='data:image/jpeg;base64,$image_data' alt='图片'>";
  ?>
</div>

将上述 HTML 代码添加到页面中即可显示图片。注意，这里的图片文件名为 example.jpg，需要替换为实际文件名。

相关问题

php读取redsources_db数据库的red_resources；数据库账号为root，密码为Aa123456。red_resources表头内容为id，category_id，subcategory_id，details，image。 根据数据库动态创建以下内容： 第一个php文件： 需求1：接受外部传入的$subcategoryId = $_GET['subcategory']; 需求2：默认显示满足$subcategoryId分类的第一条信息； 需求3：将表格table中image的图片地址，使用$image_data = base64_encode(file_get_contents($image));将图片显示出来。 需求4：在显示图片的左右，添加导览按钮，点击“<<”显示满足$subcategoryId的前一个信息，点击“>>”显示满足$subcategoryId的后一个信息。 请用一个php文件给出完整代码

以下是符合要求的PHP代码：

<?php
// 数据库连接信息
$servername = "localhost";
$username = "root";
$password = "Aa123456";
$dbname = "redsources_db";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检测连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 获取分类ID
$subcategoryId = isset($_GET['subcategory']) ? $_GET['subcategory'] : '';

// 查询满足分类ID的第一条信息
$sql = "SELECT * FROM red_resources WHERE subcategory_id = $subcategoryId ORDER BY id ASC LIMIT 1";
$result = $conn->query($sql);

// 输出表格和导航按钮
if ($result->num_rows > 0) {
    // 输出表格头部
    echo "<table>";
    echo "<tr><th>ID</th><th>Category ID</th><th>Subcategory ID</th><th>Details</th><th>Image</th></tr>";

    // 输出表格内容
    while($row = $result->fetch_assoc()) {
        $id = $row["id"];
        $category_id = $row["category_id"];
        $subcategory_id = $row["subcategory_id"];
        $details = $row["details"];
        $image = $row["image"];
        $image_data = base64_encode(file_get_contents($image));

        echo "<tr>";
        echo "<td>$id</td>";
        echo "<td>$category_id</td>";
        echo "<td>$subcategory_id</td>";
        echo "<td>$details</td>";
        echo "<td><img src='data:image/jpeg;base64,$image_data'></td>";
        echo "</tr>";
    }

    // 输出导航按钮
    $sql_prev = "SELECT * FROM red_resources WHERE subcategory_id = $subcategoryId AND id < $id ORDER BY id DESC LIMIT 1";
    $result_prev = $conn->query($sql_prev);
    if ($result_prev->num_rows > 0) {
        $row_prev = $result_prev->fetch_assoc();
        $id_prev = $row_prev["id"];
        echo "<a href='?subcategory=$subcategoryId&id=$id_prev'><<</a>";
    }

    $sql_next = "SELECT * FROM red_resources WHERE subcategory_id = $subcategoryId AND id > $id ORDER BY id ASC LIMIT 1";
    $result_next = $conn->query($sql_next);
    if ($result_next->num_rows > 0) {
        $row_next = $result_next->fetch_assoc();
        $id_next = $row_next["id"];
        echo "<a href='?subcategory=$subcategoryId&id=$id_next'>>></a>";
    }

    echo "</table>";
} else {
    echo "0 结果";
}

// 关闭连接
$conn->close();
?>

在这个PHP文件中，我们首先连接到数据库并获取传入的subcategoryId参数。然后，我们根据这个参数查询满足条件的第一条信息，并将其输出到表格中。在输出表格的同时，我们还将图片转换为base64编码，并通过`<img>`标签在表格中显示。

在表格的底部，我们添加了导航按钮，用于切换到满足同一分类的前一个或后一个信息。这些按钮是通过查询满足条件的前一个或后一个信息生成的，并与当前信息的ID一起传递到页面URL中。

php读取redsources_db数据库的red_resources；数据库账号为root，密码为Aa123456。red_resources表头内容为id，category_id，subcategory_id，details，image。 根据数据库动态创建以下内容： 第一个php文件： 需求1：接受外部传入的$subcategoryId = $_GET['subcategory']; 需求2：默认显示满足$subcategoryId分类的第一条信息； 需求3：使用方法$image_data = base64_encode(file_get_contents($image));将$image内的图片显示出来 需求4：再显示图片的左右，添加导览按钮，点击“<<”显示满足$subcategoryId的前一个信息，点击“>>”显示满足$subcategoryId的后一个信息。 请给出完整代码

以下是满足上述需求的完整代码，共包含 3 个 PHP 文件：

1. index.php：接受外部传入的 subcategoryId，加载 red_resources 表中满足该分类的第一条信息，并显示图片和导览按钮。
2. prev_next.php：根据当前显示的信息的 ID，查询满足 subcategoryId 的前一条和后一条信息的 ID，并使用 AJAX 加载图片和更新导览按钮。
3. db_config.php：包含数据库连接配置信息。

index.php：

<?php
include('db_config.php');

// 1. 接受外部传入的 subcategoryId
$subcategoryId = $_GET['subcategory'];

// 2. 默认显示满足 subcategoryId 分类的第一条信息
$sql = "SELECT * FROM red_resources WHERE subcategory_id = $subcategoryId ORDER BY id ASC LIMIT 1";
$result = mysqli_query($conn, $sql);
$row = mysqli_fetch_assoc($result);

// 3. 显示图片和导览按钮
if ($row) {
  $id = $row['id'];
  $category_id = $row['category_id'];
  $subcategory_id = $row['subcategory_id'];
  $details = $row['details'];
  $image_data = base64_encode(file_get_contents($row['image']));

  echo "<div>";
  echo "<h3>Details: $details</h3>";
  echo "<img src='data:image/jpeg;base64,$image_data' />";
  echo "<br />";
  echo "<button onclick='loadPrev($id, $subcategory_id)'><< Prev</button>";
  echo "<button onclick='loadNext($id, $subcategory_id)'>Next >></button>";
  echo "</div>";
}

mysqli_close($conn);
?>
<!DOCTYPE html>
<html>
<head>
  <title>Red Resources</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script>
    function loadPrev(id, subcategoryId) {
      $.ajax({
        url: "prev_next.php",
        type: "GET",
        data: { id: id, subcategory: subcategoryId, direction: "prev" },
        success: function(data) {
          $("div").html(data);
        }
      });
    }

    function loadNext(id, subcategoryId) {
      $.ajax({
        url: "prev_next.php",
        type: "GET",
        data: { id: id, subcategory: subcategoryId, direction: "next" },
        success: function(data) {
          $("div").html(data);
        }
      });
    }
  </script>
</head>
<body>
</body>
</html>

prev_next.php：

<?php
include('db_config.php');

// 1. 根据当前显示的信息的 ID，查询满足 subcategoryId 的前一条和后一条信息的 ID
$id = $_GET['id'];
$subcategoryId = $_GET['subcategory'];
$direction = $_GET['direction'];

if ($direction == "prev") {
  $sql = "SELECT * FROM red_resources WHERE subcategory_id = $subcategoryId AND id < $id ORDER BY id DESC LIMIT 1";
} else {
  $sql = "SELECT * FROM red_resources WHERE subcategory_id = $subcategoryId AND id > $id ORDER BY id ASC LIMIT 1";
}

$result = mysqli_query($conn, $sql);
$row = mysqli_fetch_assoc($result);

// 2. 使用 AJAX 加载图片和更新导览按钮
if ($row) {
  $id = $row['id'];
  $category_id = $row['category_id'];
  $subcategory_id = $row['subcategory_id'];
  $details = $row['details'];
  $image_data = base64_encode(file_get_contents($row['image']));

  echo "<h3>Details: $details</h3>";
  echo "<img src='data:image/jpeg;base64,$image_data' />";
  echo "<br />";
  echo "<button onclick='loadPrev($id, $subcategory_id)'><< Prev</button>";
  echo "<button onclick='loadNext($id, $subcategory_id)'>Next >></button>";
}

mysqli_close($conn);
?>

db_config.php：

<?php
$servername = "localhost";
$username = "root";
$password = "Aa123456";
$dbname = "redsources_db";

// 创建连接
$conn = mysqli_connect($servername, $username, $password, $dbname);

// 检查连接
if (!$conn) {
  die("Connection failed: " . mysqli_connect_error());
}
?>

注意事项：

1. 以上代码仅供参考，具体实现还需要根据实际情况进行调整。
2. 为了简化代码，以上示例中使用了 GET 请求和 AJAX 技术，但实际应用中需要注意安全问题。可以使用 POST 请求和 CSRF 防护等技术来增强安全性。