How to upload image to wordpress from external page

Question

Just to make sure: You have a local environment, without WooCommerce, from which you want to create a product in your WooCommerce WordPress site, and make sure that the images you provide are uploaded to your WordPress site.

1. Install library

Make sure that you in your local environment have installed the WooCommerce REST API PHP Library.

composer require automattic/woocommerce

2. Create your script

Create a file called my_import_file.php

touch my_import_file.php

Edit that file with your favorite editor (or any editor).

Using Vim

vim my_import_file.php

Using Visual Studio Code (if you have the shell command installed)

code my_import_file.php

You need to:

Generate keys to the REST API of your WooCommerce installation.
Generate an application password for this import script.

Your file should look similar to this:

<?php
/**
 * Settings
 */
// Your WordPress site URL
DEFINE('WORDPRESS_BASE_URL', 'https://enter-your-wordpress-url-here');

// Your WordPress username
DEFINE('WORDPRESS_LOGIN', 'enter-your-wordpress-username-here');

// Create a new Application Password in dashboard /wp-admin/profile.php
DEFINE('WORDPRESS_APPLICATION_PASSWORD', 'enter-your-application-password-here');

// Create a new REST API key from your wordpress installation
// https://docs.woocommerce.com/document/woocommerce-rest-api/
DEFINE('WOOCOMMERCE_CONSUMER_KEY', 'enter-your-woocomemrce-consumer-key-here');
DEFINE('WOOCOMMERCE_CONSUMER_SECRET', 'enter-your-woocomemrce-consumer-secret-here');

// Load composers autoload
require __DIR__ . '/vendor/autoload.php';

// Use the WooComerce client
use Automattic\WooCommerce\Client;

// Initiate the WooCommerce client
$woocommerce = new Client(
    WORDPRESS_BASE_URL,
    WOOCOMMERCE_CONSUMER_KEY,
    WOOCOMMERCE_CONSUMER_SECRET,
    [
        'version' => 'wc/v3',
    ]
);


// An array of all the images you want to upload. They can be local files or URL's.
// Any non existing images will be filtered out.
$images = array(
    "/Users/admin/Documents/nice-image-of-me.jpg",
    "http://demo.woothemes.com/woocommerce/wp-content/uploads/sites/56/2013/06/T_2_back.jpg",
    "string that is invalid"
);


// Define the product you want to create
$data = [
    'name' => 'Premium Quality',
    'type' => 'simple',
    'regular_price' => '21.99',
    'description' => 'Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.',
    'short_description' => 'Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.',
    'categories' => [
        [
            'id' => 9
        ],
        [
            'id' => 14
        ]
    ],
    'images' => prepare_array_of_images_for_wordpress($images)

];

// Create the product
$result = $woocommerce->post('products', $data);

// Print the result
print_r($result);




/**
 * Takes an array of images, strings or URL's and prepares for import.
 */
function prepare_array_of_images_for_wordpress(array $array_of_images){
    // Create empty array
    $images_to_upload = array();

    // Loop through the input, and process each entry
    foreach($array_of_images as $image){
        $images_to_upload[] = file_or_url_to_wordpress_image($image);
    }

    // Remove any unsucessful images from the array.
    return array_filter($images_to_upload);
}



/**
 * Takes a file or a url and uploads it to WordPress
 * Returns the image ID from the WordPress media gallery.
 */
function file_or_url_to_wordpress_image($image_path){

    // If the input is a URl, we can process it
    if (filter_var($image_path, FILTER_VALIDATE_URL)) {
        return ['src'=>$image_path];
    }

     // Make sure the image exist
    if (!file_exists($image_path)){return;}

    // Load the image
    $file = file_get_contents( $image_path );

    // Get the filename
    $filename = basename($image_path);

    // Initiate curl.
    $ch = curl_init();
    curl_setopt( $ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt( $ch, CURLOPT_URL, WORDPRESS_BASE_URL .'/wp-json/wp/v2/media/' );
    curl_setopt( $ch, CURLOPT_POST, 1 );
    curl_setopt( $ch, CURLOPT_POSTFIELDS, $file );
    curl_setopt( $ch, CURLOPT_HTTPHEADER, [
        "Content-Disposition: form-data; filename=\"$filename\"",
        'Authorization: Basic ' . base64_encode( WORDPRESS_LOGIN. ':' . WORDPRESS_APPLICATION_PASSWORD ),
    ] );
    $result = curl_exec( $ch );
    curl_close( $ch );

    // Decode the response
    $api_response = json_decode($result);

    // Return the ID of the image that is now uploaded to the WordPress site.
    return ['id' => $api_response->id];
}

If you want to specify each image manually, you replace this line:

    'images' => prepare_array_of_images_for_wordpress($images)

With

    'images' => [
        [
            'id' => file_or_url_to_wordpress_image('path-to-image'),
            'other_option' => 'value'
        ],
        [
            'src' => file_or_url_to_wordpress_image('url-to-image'),
            'other_option' => 'value'
        ],
    ]

Just make sure you use 'id' if referring to an uploaded image, and 'src' when it’s a URL.

3. Run the script

Either in a browser, or from the command line using the following command:

php my_import_file.php

It should output something like this:

1. Install library

2. Create your script

3. Run the script

Leave a Comment Cancel reply