Issue to add upload image in wordpress media library

Solution:1

You need to save the file as attachment:

        // Save to media library
        $filename = $_FILES['picture']['name'];
        $wp_filetype = wp_check_filetype($filename, null );
        $attachment = array(
           'guid' => $imageurl,
           'post_mime_type' => $wp_filetype['type'],
           'post_title' => sanitize_file_name($filename),
           'post_content' => '',
           'post_status' => 'inherit'
        );
        $attach_id = wp_insert_attachment( $attachment, $file );
        require_once(ABSPATH . 'wp-admin/includes/image.php');
        $attach_data = wp_generate_attachment_metadata( $attach_id, $file );
        $res1= wp_update_attachment_metadata( $attach_id, $attach_data );

So basically, your code will look something like this:

add_action( 'show_user_profile', 'fb_add_custom_user_profile_fields' );
add_action( 'edit_user_profile', 'fb_add_custom_user_profile_fields' );
function fb_save_custom_user_profile_fields( $user_id ) {

    $uploadUrl = wp_get_upload_dir();

    if ( !current_user_can( 'edit_user', $user_id ) )
            return FALSE;

            $rel = $_POST['relation'];

    update_user_meta( $user_id, 'fname_'. $rel, $_POST['fname'] );
    update_user_meta( $user_id, 'mname_'.$rel, $_POST['mname'] );
    update_user_meta( $user_id, 'lname_'. $rel, $_POST['lname'] );
    update_user_meta( $user_id, 'relation', $_POST['relation'] );
    update_user_meta( $user_id, 'bod_'. $rel, $_POST['bod'] );
    update_user_meta( $user_id, 'education_'.$rel ,$_POST['education'] );
    update_user_meta( $user_id, 'occupation_'. $rel, $_POST['occupation'] );

    // update_user_meta( $user_id, 'picture_'. $rel, $uploadUrl['url']."/".$_POST['picture'] );

    if($_FILES['picture']['name'] != ''){
        $uploadedfile = $_FILES['picture'];
        $upload_overrides = array( 'test_form' => false );

        $movefile = wp_handle_upload( $uploadedfile, $upload_overrides );
        $imageurl = "";
        if ( $movefile && ! isset( $movefile['error'] ) ) {
             $imageurl = $movefile['url'];


                // Save to media library
                $filename = $_FILES['picture']['name'];
                $wp_filetype = wp_check_filetype($filename, null );
                $attachment = array(
                   'guid' => $imageurl,
                   'post_mime_type' => $wp_filetype['type'],
                   'post_title' => sanitize_file_name($filename),
                   'post_content' => '',
                   'post_status' => 'inherit'
                );
                $attach_id = wp_insert_attachment( $attachment, $file );
                require_once(ABSPATH . 'wp-admin/includes/image.php');
                $attach_data = wp_generate_attachment_metadata( $attach_id, $file );
                $res1= wp_update_attachment_metadata( $attach_id, $attach_data );


             echo "url : ".$imageurl;

             update_user_meta( $user_id, 'picture_'. $rel, $_FILES['picture']['name'] );
        } else {
             echo $movefile['error'];
        }
    }
}

Solution:2

The image upload issue in WordPress is typically caused by incorrect file permissions. Your WordPress files are stored on your web hosting server and need specific file and directory permissions to work.

Wrong file permissions prevent WordPress from reading or uploading file on the hosting server. You may get the following error when uploading image file:

‘Unable to create directory wp-content/uploads/2019/04. Is its parent directory writable by the server?’

Or, you might see the error ‘The uploaded file could not be moved to wp-content/uploads/’.

Another sign of this issue is that your images may disappear from the media library.

My site was working fine before? Who changed the file permissions?

This could happen due to a number of reasons. A misconfiguration on your shared hosting server can sometimes change those permissions without you doing anything.

For example, your web hosting provider ran an upgrade which unexpectedly changed file permissions.

If everything else is working fine on your website, then you can simply apply the correct file permissions to fix the image upload issue.

That being said, let’s take a look at how to set correct file permissions to fix image upload issues on your WordPress site.

Fixing Image Upload Issue in WordPress

In order to change file permissions, you will need to use an FTP client.

First, connect to your website via FTP and then go to /wp-content/ folder. Inside, you’ll find the uploads folder, which is where WordPress stores all your media uploads including images.

Now right click on the uploads directory and then select File Permissions.

This will bring up the file permissions dialog box.

First, you will need to set file permissions for the uploads directory and all the subdirectories inside it to 744.

To do that, enter 744 in the numeric value box, and then check the box next to Recurse into subdirectories option. Now click on the ‘Apply to directories only’ radio button.

Click on the OK button to apply these changes. Your FTP client will now start applying file permissions to the directories.

Note: If setting directory permissions to 744 does not seem to solve your problem, then try 755.

In the next step, you will need to set file permissions for all the files in the uploads directory.

To do that, right click on uploads directory and select file permissions. In the file permissions dialog box, change the numeric value to 644.

Check the box next to Recurse into subdirectories. Lastly, you need to click on ‘Apply to files only’ radio button. Click on the OK button to apply these changes.

The FTP client will now change the permissions for all files inside the uploads folder. Once it is done, you can go back to your WordPress admin area and try uploading images again.