WordPress中通过代码上传多尺寸图片-php教程-PHP中文网

WordPress中通过代码上传多尺寸图片

霞舞

发布： 2025-10-29 11:22:26

原创

849人浏览过

wordpress中通过代码上传多尺寸图片

本文旨在讲解如何在WordPress前端通过代码上传一张图片，并自动生成多个预设尺寸的图片。我们将探讨利用WordPress内置函数和机制，实现高效且便捷的多尺寸图片上传流程。

在WordPress开发中，有时我们需要在前端允许用户上传图片，并且希望在上传的同时自动生成不同尺寸的缩略图，以适应不同的显示需求。虽然WordPress媒体库默认会生成一些尺寸的图片，但有时我们需要自定义尺寸。下面将介绍一种实现该功能的常用方法。

基本思路

核心思路是：

前端允许用户上传图片文件。
后端接收上传的文件。
使用 wp_handle_upload() 函数处理上传文件，将其保存到WordPress的上传目录。
使用 wp_insert_attachment() 函数将上传的文件信息插入到 WordPress 媒体库。
使用 wp_generate_attachment_metadata() 函数生成不同尺寸的图片。

具体步骤

前端HTML代码

首先，我们需要一个HTML表单，允许用户选择并上传图片。

<form id="upload-form" method="post" enctype="multipart/form-data">
    <input type="file" name="uploaded_image" id="uploaded_image">
    <input type="submit" name="submit" value="上传图片">
</form>

登录后复制

确保 enctype="multipart/form-data" 属性已设置，以便能够上传文件。

后端PHP代码

在你的WordPress主题或插件中，添加以下PHP代码来处理上传的图片。

码上飞

码上飞（CodeFlying）是一款AI自动化开发平台，通过自然语言描述即可自动生成完整应用程序。

138

查看详情

<?php

if (isset($_POST['submit'])) {

    // 检查是否有文件上传
    if (!empty($_FILES['uploaded_image']['name'])) {

        // 获取上传的文件
        $uploaded_file = $_FILES['uploaded_image'];

        // 定义上传文件的属性
        $upload_overrides = array(
            'test_form' => false // 关闭表单测试
        );

        // 使用 wp_handle_upload() 函数处理上传
        require_once(ABSPATH . 'wp-admin/includes/file.php');
        $uploaded_file_info = wp_handle_upload($uploaded_file, $upload_overrides);

        // 检查上传是否成功
        if ($uploaded_file_info && !isset($uploaded_file_info['error'])) {

            // 准备附件信息
            $file_path = $uploaded_file_info['file'];
            $file_name = basename($file_path);
            $file_type = wp_check_filetype($file_name, null);

            $attachment = array(
                'post_mime_type' => $file_type['type'],
                'post_title' => preg_replace('/\.[^.]+$/', '', basename($file_name)),
                'post_content' => '',
                'post_status' => 'inherit'
            );

            // 将附件插入到媒体库
            $attachment_id = wp_insert_attachment($attachment, $file_path);

            // 确保 wp_generate_attachment_metadata() 函数可用
            require_once(ABSPATH . 'wp-admin/includes/image.php');

            // 生成不同尺寸的图片
            $attachment_data = wp_generate_attachment_metadata($attachment_id, $file_path);
            wp_update_attachment_metadata($attachment_id,  $attachment_data);

            echo "图片上传成功！附件ID: " . $attachment_id;

        } else {
            // 显示错误信息
            echo "上传失败: " . $uploaded_file_info['error'];
        }
    } else {
        echo "请选择要上传的图片！";
    }
}

?>

登录后复制

自定义图片尺寸 (可选)

如果你需要自定义图片尺寸，可以使用 add_image_size() 函数。将以下代码添加到你的主题的 functions.php 文件或插件中。
```
<?php
add_action( 'after_setup_theme', 'my_custom_image_sizes' );
function my_custom_image_sizes() {
    add_image_size( 'my-custom-size', 300, 200, true ); // 300px width, 200px height, cropped
    add_image_size( 'my-other-size', 600, 400, false ); // 600px width, 400px height, not cropped
}
?>
```
登录后复制
add_image_size() 函数的参数依次为：
- $name: 图片尺寸的名称。
- $width: 图片的宽度。
- $height: 图片的高度。
- $crop: 是否裁剪图片。如果设置为 true，则图片将被裁剪以适应指定的尺寸。
在执行 add_image_size() 后，需要重新上传图片才能生成新的尺寸。

获取不同尺寸的图片

可以使用 wp_get_attachment_image() 函数获取不同尺寸的图片。

<?php
$attachment_id = get_the_ID(); // 假设你已经在文章循环中
$thumbnail = wp_get_attachment_image( $attachment_id, 'thumbnail' ); // 获取 thumbnail 尺寸的图片
$medium = wp_get_attachment_image( $attachment_id, 'medium' ); // 获取 medium 尺寸的图片
$my_custom_size = wp_get_attachment_image( $attachment_id, 'my-custom-size' ); // 获取自定义尺寸的图片

echo $thumbnail;
echo $medium;
echo $my_custom_size;
?>

登录后复制

注意事项

确保你的服务器具有足够的上传文件大小限制。你可以在 php.ini 文件中设置 upload_max_filesize 和 post_max_size。
对上传的文件进行安全验证，防止恶意文件上传。
处理上传错误，并向用户提供清晰的错误信息。
使用适当的错误处理机制，例如 try-catch 块，以防止代码崩溃。

总结

通过使用 wp_handle_upload()、wp_insert_attachment() 和 wp_generate_attachment_metadata() 函数，我们可以方便地在WordPress前端上传图片，并自动生成不同尺寸的缩略图。这使得我们可以轻松地在网站的不同位置显示不同尺寸的图片，从而提高用户体验。同时，自定义图片尺寸也提供了更大的灵活性，可以满足各种设计需求。记住，安全性至关重要，请务必验证上传的文件，防止潜在的安全风险。

以上就是WordPress中通过代码上传多尺寸图片的详细内容，更多请关注php中文网其它相关文章！