Home Forums Front-end Issues Front-End Image Upload Without Exposing WP Media Uploader


Front-End Image Upload Without Exposing WP Media Uploader

  • Hi There,

    Firstly – great plugin – use it in virtually every build.

    I need to create a Front-End Form for submissions of content – that’s fine – I’ve done that. – but – I need a way to upload an image that doesn’t expose the entire media library to the user. Is there a way to turning this off?

    Either –
    A – Only ever show the WP Uploader and images attached to this post on the Media Manager on successful upload. (on second thoughts – the post doesn’t exist yet so this wont work)

    B – is there a simpler image upload field?


  • Hi here is solutions create html form

    <form method=”post” action=”#” class=”acf-form form-horizontal ” id=”post” enctype=”multipart/form-data”>
    $args = array(
    ‘post_id’ => ‘new’,
    ‘field_groups’ => array(1), //use wrong ID of your custom field Form so form fields will not get shown
    ‘form’ => false
    //file upload button
    <div data-field_type=”file” data-field_key=”field_5343d9b2586f0file” data-field_name=”email” class=”field field_type-text field_key-field_5343d9b2586f0file” id=”acf-file”>
    <p class=”label”><label for=”acf-field-file”>Image</label></p>
    <div class=”acf-input-wrap”>
    <input type=”file” id=”my_image_upload” name=”my_image_upload”>
    <input id=”submit_my_image_upload” name=”submit_my_image_upload” type=”submit” value=”Submit” />

    // in function .php write following code
    //Here we gather the files which sent by the HTML forms. and send it to //another function called kv_handle_attachement(). This is a simple function //this will help you to store the files to your wp uploads directory. Add //the following code into your Theme “ functions.php”
    //img upload//
    function kv_handle_attachment($file_handler,$post_id,$set_thu=false) {
    // check to make sure its a successful upload
    if ($_FILES[$file_handler][‘error’] !== UPLOAD_ERR_OK) __return_false();

    require_once(ABSPATH . “wp-admin” . ‘/includes/image.php’);
    require_once(ABSPATH . “wp-admin” . ‘/includes/file.php’);
    require_once(ABSPATH . “wp-admin” . ‘/includes/media.php’);

    $attach_id = media_handle_upload( $file_handler, $post_id );

    // If you want to set a featured image from your uploads.
    if ($set_thu) set_post_thumbnail($post_id, $attach_id);
    return $attach_id;
    //New File Upload

    add_filter(‘acf/pre_save_post’ , ‘my_pre_save_post’ );
    function my_pre_save_post( $post_id ) {
    // check if this is to be a new post
    if( $post_id != ‘new’ ) {
    return $post_id;

    $field = $_POST[‘fields’];
    $post_title = $_POST[‘fullname’];
    $post_content = $field[‘edit_test2’];

    // Create a new post
    require_once(ABSPATH . “wp-admin” . ‘/includes/image.php’);
    require_once(ABSPATH . “wp-admin” . ‘/includes/file.php’);
    require_once(ABSPATH . “wp-admin” . ‘/includes/media.php’);
    $attachment_id = media_handle_upload( ‘my_image_upload’, $post_id );
    $post = array(
    ‘post_status’ => ‘draft’ ,
    ‘post_title’ => $post_title,
    ‘post_content’ => $post_content,
    ‘post_type’ => ‘page’


    add_post_meta($newpost_id, ‘picture’, $attachment_id );


    Let me know if u have any question , its works perfectly fine


  • I am having a similar issue, now, once I do this, how do I add the other forms from my field group? the render field functions don’t seem to be working how I would expect.

  • ACF Frontend display plugin – display your form on frontend and have some extra fields (simple file uploader too)

  • Now simply use ‘uploader’ => ‘basic’ in wp_form() options.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Front-End Image Upload Without Exposing WP Media Uploader’ is closed to new replies.