Front End Multiple File Upload WordPress

3 Views

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:

Read More
<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.

Post Views: 3

Related posts

Leave a Reply

1 comment

  1. 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.