Image content printed on screen after inserting wordpress attachment programatically - php

I'm inserting attachment for a post like this programatically:
$wp_filetype = wp_check_filetype($gallery);
$attachment = array(
'guid' => '',
'post_mime_type' => $wp_filetype['type'],
'post_title' => preg_replace('/\.[^.]+$/', '', basename($gallery)),
'post_content' => '',
'post_status' => 'inherit'
);
$attach_id = wp_insert_attachment( $attachment, $gallery, $post_id );
require_once(ABSPATH . 'wp-admin/includes/image.php');
$attach_data = wp_generate_attachment_metadata( $attach_id, $gallery );
$update_data = wp_update_attachment_metadata( $attach_id, $attach_data );
Everything is working fine and attachment is added correctly but I get image code displayed on my page. :S
Something like this(I'm not going to post the whole code):
����JFIF``��;CREATOR: gd-jpeg v1.0 (using IJG JPEG v80), quality = 90 ��C ��C ����"�� ���}!1AQa"q2���#B��R��$3br� %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz��������������������������������������������������������������������������� ���w!1AQaq"2�B���� #3R�br� $4�
Any ideas why this is happening?

You need to prepend the header Content-Type: image/jpeg before sending the contents of the image.
The browser can so interpret the file contents as jpeg and display it correctly.
With PHP: header("Content-Type: image/jpeg");

Related

How to I upload to wordpress media library

I have a custom php form that upload images to a folder on my website. Currently that folder is outside the wp-content folder.
I want the content of the folder to be automatically uploaded to Google drive. There are plenty of plugins or a zapier solution to do that if the folder is in the wp media folder.
My question is...Can I just upload the images directly to the wp media folder or do I need to use a special wp method/function/api call.
Yes you can upload media directly to the media library. Given your situation media_handle_upload() is probably the most logical way. Can read its documentation here: https://developer.wordpress.org/reference/functions/media_handle_upload/
Take a look at this https://wordpress.stackexchange.com/a/60807/180725
Once you upload the media (to where you want, ftp, dropbox, s3 etc) you will need to register it with Wordpress.
$file_name = 'Some Name';
$file_path = '/path/to/uploads/2012/08/04/newfile.jpg';
$file_url = 'http://url/to/uploads/2012/08/04/newfile.jpg';
$wp_filetype = wp_check_filetype($file, null);
$attachment = array(
'guid' => $file_url,
'post_mime_type' => $wp_filetype['type'],
'post_title' => $file_name,
'post_status' => 'inherit',
'post_date' => date('Y-m-d H:i:s')
);
$attachment_id = wp_insert_attachment($attachment, $file_path);
$attachment_data = wp_generate_attachment_metadata($attachment_id, $file_path);
wp_update_attachment_metadata($attachment_id, $attachment_data);
If you are looking for a solution to upload files to wordpress Mediathek / Library from an external Source/URL, I recommend the following code:
$upload_dir = wp_upload_dir();
$image_data = file_get_contents($image_url);
$filename = basename($image_url);
if(wp_mkdir_p($upload_dir['path']))
$file = $upload_dir['path'] . '/' . $filename;
else
$file = $upload_dir['basedir'] . '/' . $filename;
file_put_contents($file, $image_data);
$wp_filetype = wp_check_filetype($filename, null );
$attachment = array(
'post_mime_type' => $wp_filetype['type'],
'post_title' => sanitize_file_name($filename),
'post_content' => '',
'post_status' => 'inherit'
);
$attach_id = wp_insert_attachment( $attachment, $file, $post_ID );
require_once(ABSPATH . 'wp-admin/includes/image.php');
$attach_data = wp_generate_attachment_metadata( $attach_id, $file );
wp_update_attachment_metadata( $attach_id, $attach_data );
set_post_thumbnail( $post_ID, $attach_id );
Original post here: https://wordpress.stackexchange.com/a/169598

External file upload including source url as file name?

Currently I am using wp_upload_bits to upload images externally to my website and its working now, however the images are maintaining our source URL as the file name.
$post['image'] = $_POST['image'];
$upload = wp_upload_bits($_POST['image'], null, file_get_contents($_POST['image']));
$filename = $upload['file'];
$wp_filetype = wp_check_filetype($filename, null );
$attachment = array(
'post_mime_type' => $wp_filetype['type'],
'post_title' => 'cover',
'post_content' => '',
'post_status' => 'inherit'
);
$attach_id = wp_insert_attachment( $attachment, $filename, $post_id );
$attach_data = wp_generate_attachment_metadata( $attach_id, $hello );
wp_update_attachment_metadata( $attach_id, $attach_data );
set_post_thumbnail( $post_id, $attach_id );
The above code returns something which looks similar to this within our WordPress site.
How can I solve this, so that I can set my file name via a string?
Change: $filename = $upload['file'];
To: $filename = basename($upload['file']);
Then it will be stored as: llYtuLT-10.jpg

how can i include image from front end of template using wordpress and php

In this piece of code, an empty file is getting stored in upload folder, but not a proper image file attached. I don't know why.
I'm also not getting the proper usage of wp_upload_bits, it writes a file in upload folder. I don't know how to change that to suite it for the uploading of an image.
I'm totally confused with the error in my code.
I know that there are multiple duplicate question related to it in stack overflow, but I'm not getting a proper result while using the solution described there. Please help me to find a solution.
My piece of code is as follows:
$upload = wp_upload_bits( $_FILES['file']['name'], null, file_get_contents( $_FILES['file']['tmp_name'] ) );
$wp_filetype = wp_check_filetype( basename( $upload['file'] ), null );
$wp_upload_dir = wp_upload_dir();
$attachment = array(
'guid' => $upload['url'] ,
'post_mime_type' => $wp_filetype['type'],
'post_title' => preg_replace('/\.[^.]+$/', '', basename( $upload['file'] )),
'post_content' => '',
'post_status' => 'inherit'
);
$attach_id = wp_insert_attachment( $attachment, $upload['file'], $post_id);
require_once(ABSPATH . 'wp-admin/includes/image.php');
$attach_data = wp_generate_attachment_metadata( $attach_id, $upload['file'] );
wp_update_attachment_metadata( $attach_id, $attach_data );
update_post_meta( $post_id, '_thumbnail_id', $attach_id );
set_post_thumbnail( $post_id, $attach_id );
While using this code,attach file is getting stored in WordPress DB, but not in upload folder (media library).
I'm new to WordPress, so I am unable to find a solution for the reason of not storing a proper attached image file in upload folder.

Programmatically Creating Thumbnails in Wordpress Displays Image As Binary

I'm attempting to upload images into Wordpress programmatically. Everything is working except the last 2 lines where I attempt to generate image thumbnails and other intermediate sizes. The function, wp_generate_attachment_metadata(), appears to be correctly generating the new image sizes, but it then tries to display the resulting image as binary instead of returning the appropriate meta data array. Why is the binary (see image below) being echoed onto my screen? How do I suppress it?
$filetype = wp_check_filetype( basename( $image ), null );
$attachment = array(
'guid' => wp_upload_dir()['url'] . '/' . basename( $image ),
'post_mime_type' => $filetype['type'],
'post_content' => '',
'post_status' => 'inherit',
'post_title' => preg_replace( '/\.[^.]+$/', '', basename( $image ) )
);
$attach_id = wp_insert_attachment( $attachment, $image );
update_field('image', $attach_id, $post_id);
$attach_data = wp_generate_attachment_metadata( $attach_id, $image );
$response = wp_update_attachment_metadata( $attach_id, $attach_data );
This is a sampling of the binary echoed.
So it turns out that after the gibberish the function was displaying, was a short error message (failed to open stream: HTTP wrapper does
not support writeable connections). It turns out, the function "wp_generate_attachment_metadata" requires an absolute path to the image. Changing the $image variable to an absolute path (from a web path, http://website.com/path/to/image.png) fixed the issue.

Attach multiple files (jpeg, m4v, 3gp) to a wordpress post

Here is the function that I used to insert attachments to a post.
function insert_entries($filename, $parent_post_id){
$wp_upload_dir = wp_upload_dir();
$filetype = wp_check_filetype( basename( $filename ), null );
$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'
);
$attach_id = wp_insert_attachment( $attachment, $filename, $parent_post_id );
$attach_data = wp_generate_attachment_metadata( $attach_id, $filename );
wp_update_attachment_metadata( $attach_id, $attach_data );
}
The issue with this is that, When I am trying to insert any files after inserting a 3gp or m4v file, its not getting inserted. Any insight to solve this is welcome..
Thanks in advance..
Atlast got it fixed.
The reason for the issue was when we try to insert any audio or video files the wordpress tries extract its metadata which was causing for a fatal error.
The simple fix for this is to go to includes/image.php and remove all references to wp_read_video_metadata()

Categories