Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Front End Multiple File Upload WordPress

I'm trying to allow users to create an event (custom post type) on the front end of a website. Everything is updating, but I want to let them upload images and attach them to the ACF Gallery field for that event.

So rar I have this:

<input type="file" name="upload_attachment[]" class="files" size="50" multiple="multiple" />

and:

if (!function_exists('wp_generate_attachment_metadata')) {
    require_once(ABSPATH . "wp-admin" . '/includes/image.php');
    require_once(ABSPATH . "wp-admin" . '/includes/file.php');
    require_once(ABSPATH . "wp-admin" . '/includes/media.php');
}

if ($_FILES) {

    $files = $_FILES['upload_attachment'];
    foreach ($files['name'] as $key => $value) {

        if ($files['name'][$key]) {
            $file = array(
            'name'     => $files['name'][$key],
            'type'     => $files['type'][$key],
            'tmp_name' => $files['tmp_name'][$key],
            'error'    => $files['error'][$key],
            'size'     => $files['size'][$key]
        );

        $attachment_id = media_handle_upload($key, $post_id);

        if ( is_wp_error( $attachment_id ) ) {
            echo('error <br/>');
        } else {
            echo('success!<br />');
        }

        var_dump($attachment_id);

    }
}

But, it doesn't seem to be working. Basically I want the image to be uploaded to the media library, and then insert the image into the ACF Gallery Field.

But I think the first step is getting it into the media library.

like image 485
lukeseager Avatar asked Mar 20 '26 09:03

lukeseager


1 Answers

Okay, I managed figure it out, incase anyone else needs to do something like this.

On the front end:

<input type="file" name="upload_attachment[]" class="files" size="50" multiple="multiple" />
<?php wp_nonce_field( 'upload_attachment', 'my_image_upload_nonce' ); ?>

And in the php file I post the form to, I have this:

if (!empty($_FILES['upload_attachment']['name'][0])) {

        require_once( ABSPATH . 'wp-admin/includes/image.php' );
        require_once( ABSPATH . 'wp-admin/includes/file.php' );
        require_once( ABSPATH . 'wp-admin/includes/media.php' );


        $files = $_FILES['upload_attachment'];
        $count = 0;
        $galleryImages = array();


        foreach ($files['name'] as $count => $value) {

            if ($files['name'][$count]) {

                $file = array(
                    'name'     => $files['name'][$count],
                    'type'     => $files['type'][$count],
                    'tmp_name' => $files['tmp_name'][$count],
                    'error'    => $files['error'][$count],
                    'size'     => $files['size'][$count]
                );

                $upload_overrides = array( 'test_form' => false );
                $upload = wp_handle_upload($file, $upload_overrides);


                // $filename should be the path to a file in the upload directory.
                $filename = $upload['file'];

                // The ID of the post this attachment is for.
                $parent_post_id = $post_id;

                // Check the type of tile. We'll use this as the 'post_mime_type'.
                $filetype = wp_check_filetype( basename( $filename ), null );

                // Get the path to the upload directory.
                $wp_upload_dir = wp_upload_dir();

                // Prepare an array of post data for the attachment.
                $attachment = array(
                    'guid'           => $wp_upload_dir['url'] . '/' . basename( $filename ), 
                    'post_mime_type' => $filetype['type'],
                    'post_title'     => preg_replace( '/\.[^.]+$/', '', basename( $filename ) ),
                    'post_content'   => '',
                    'post_status'    => 'inherit'
                );

                // Insert the attachment.
                $attach_id = wp_insert_attachment( $attachment, $filename, $parent_post_id );

                // Make sure that this file is included, as wp_generate_attachment_metadata() depends on it.
                require_once( ABSPATH . 'wp-admin/includes/image.php' );

                // Generate the metadata for the attachment, and update the database record.
                $attach_data = wp_generate_attachment_metadata( $attach_id, $filename );
                wp_update_attachment_metadata( $attach_id, $attach_data );

                array_push($galleryImages, $attach_id);

            }

            $count++;

            // add images to the gallery field
            update_field('field_535e6a644107b', $galleryImages, $post_id);

        }



    }

This script now allow multiple files to be uploaded to the server, attached to the post being created and added to the ACF Gallery field.

like image 53
lukeseager Avatar answered Mar 22 '26 21:03

lukeseager



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!