How to add file upload functionality to WordPress plugin

How to add file upload functionality to WordPress plugin

Introduction:
WordPress is a very popular open source content management system with its flexibility and scalability Many website developers choose to use it. One of the powerful features is the ability to extend WordPress functionality through plugins. In this article, we will explain how to add file upload functionality to a WordPress plugin and provide corresponding code examples.

1. Create a new WordPress plugin
   First, we need to create a new WordPress plugin. Create a new folder in the WordPress plugin directory (wp-content/plugins/) and name it "my-plugin" (or name it according to your needs). Create a PHP file named "my-plugin.php" in the folder and add the following code in the file:

<?php
/*
Plugin Name: My Plugin
*/

// 添加文件上传功能的代码将在此处添加
?>

2. Add a file upload form to the plugin settings page
   Next, we need to add a file upload form to the plugin settings page. In the "my-plugin.php" file, add the following code:

<?php
function my_plugin_admin_menu() {
    add_options_page('My Plugin Settings', 'My Plugin', 'manage_options', 'my-plugin', 'my_plugin_settings_page');
}
add_action('admin_menu', 'my_plugin_admin_menu');

function my_plugin_settings_page() {
    ?>
    <div class="wrap">
        <h2 id="My-Plugin-Settings">My Plugin Settings</h2>
        <form method="post" enctype="multipart/form-data">
            <input type="file" name="my_file">
            <input type="submit" value="Upload">
        </form>
    </div>
    <?php
}
?>

In this code, we first add a new tab to WordPress using the add_options_page function Set up the page and then use the my_plugin_settings_page function to add a form to the tab page. The form contains a file selection input box and an upload button.

3. Handling file uploads and saving files
   Next, we need to write code to handle file uploads and save files. Add the following code to the "my-plugin.php" file:

<?php
function my_plugin_save_file() {
    if (isset($_FILES['my_file'])) {
        $upload_dir = wp_upload_dir();
        $file_name = $_FILES['my_file']['name'];
        $file_temp = $_FILES['my_file']['tmp_name'];
        $file_path = $upload_dir['path'] . '/' . $file_name;

        if (move_uploaded_file($file_temp, $file_path)) {
            echo 'File uploaded successfully.';
        } else {
            echo 'Failed to upload file.';
        }
    }
}
add_action('admin_init', 'my_plugin_save_file');
?>

In this code, we first check whether there is a file uploaded. Then, use the wp_upload_dir function to get the path to the WordPress upload directory and the move_uploaded_file function to move the file from the temporary location into the upload directory.

4. Display uploaded file information
   Finally, we need to display uploaded file information in the plug-in settings page. Add the following code in the "my-plugin.php" file:

<?php
function my_plugin_show_file_info() {
    $upload_dir = wp_upload_dir();
    $file_path = $upload_dir['path'] . '/' . $_FILES['my_file']['name'];

    if (file_exists($file_path)) {
        $file_size = filesize($file_path);
        $file_type = wp_check_filetype(basename($file_path), null);
        $file_url = $upload_dir['url'] . '/' . $_FILES['my_file']['name'];

        echo '<p>File URL: <a href="' . $file_url . '">' . $file_url . '</a></p>';
        echo '<p>File Type: ' . $file_type['type'] . '</p>';
        echo '<p>File Size: ' . $file_size . ' bytes</p>';
    }
}
add_action('admin_notices', 'my_plugin_show_file_info');
?>

In this code, we first get the path of the uploaded file, and then use the file_exists function to check whether the file exist. If the file exists, we use the wp_check_filetype function to get the file's type and display the file's URL, type, and size on the plugin settings page.

Summary:
Through this article, we learned how to add file upload functionality to WordPress plugins. We started by creating a new WordPress plugin and added a file upload form to the plugin settings page. We then wrote code to handle the file upload and save the file, and finally displayed the uploaded file information in the plugin settings page. This example can help us understand how to extend the functionality of WordPress plugins while improving our own development skills.

The above code example is just a basic demonstration. In actual development, more logic and verification may need to be added to ensure the security and reliability of the file upload function. I hope this article will be helpful for you to add file upload function when developing WordPress plug-in.

The above is the detailed content of How to add file upload functionality to WordPress plugin. For more information, please follow other related articles on the PHP Chinese website!