Soumettre l'image et après le téléchargement de front-end
-
16-10-2019 - |
Question
Je suis en train de faire quelque chose de similaire à la question ci-dessus. Je suis en train de faire des utilisateurs des images publier et télécharger de front-end. Je l'ai déjà fait la forme et son poste de travail.
Je viens de suivre et a essayé la réponse affichée par Robin I Chevalier télécharger -post-thumbnail-de-la-front-end . Malheureusement, je ne pouvais pas le faire fonctionner. Est-ce que je suis supposé changer ou modifier?
Merci.
La solution
Si vous parlez de la réponse que j'ai posté son fichier téléchargeant simplement dans un iframe pour atteindre « Ajax comme » soumettre.
Maintenant, si vous avez déjà une forme qui gère le poste que vous soumettez pouvez simplement ajouter quelque part l'entrée du champ du fichier de téléchargement dans votre formulaire:
<form ...
...
<input type="file" name="thumbnail" id="thumbnail">
...
...
</form>
assurez-vous que votre formulaire attribut enctype="multipart/form-data"
.
puis dans votre script de traitement de formulaire après avoir créé le poste (en supposant que vous utilisez wp_insert_post();
)
garder la main sur l'ID poste dans un nouveau var:
$new_post = wp_insert_post($post_array);
et après ajouter:
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) {
foreach ($_FILES as $file => $array) {
if ($_FILES[$file]['error'] !== UPLOAD_ERR_OK) {
return "upload error : " . $_FILES[$file]['error'];
}
$attach_id = media_handle_upload( $file, $new_post );
}
}
if ($attach_id > 0){
//and if you want to set that image as Post then use:
update_post_meta($new_post,'_thumbnail_id',$attach_id);
}
et vous image sera enregistrée et téléchargé sous forme de vignette après.
Autres conseils
balises HTML:
<p>
<label for="custom-upload">Upload New Image:</label>
<input type="file" tabindex="3" name="custom-upload" id="custom-upload" />
</p>
<?php
/*Retrieving the image*/
$attachment = get_post_meta($postid, 'custom_image');
if($attachment[0]!='')
{
echo wp_get_attachment_link($attachment[0], 'thumbnail', false, false);
}
?>
Téléversement l'image:
<?php
global $post; /*Global post object*/
$post_id = $post->ID; /*Geting current post id*/
$upload = $_FILES['upload']; /*Receive the uploaded image from form*/
add_custom_image($post_id, $upload); /*Call image uploader function*/
function add_custom_image($post_id, $upload)
{
$uploads = wp_upload_dir(); /*Get path of upload dir of wordpress*/
if (is_writable($uploads['path'])) /*Check if upload dir is writable*/
{
if ((!empty($upload['tmp_name']))) /*Check if uploaded image is not empty*/
{
if ($upload['tmp_name']) /*Check if image has been uploaded in temp directory*/
{
$file=handle_image_upload($upload); /*Call our custom function to ACTUALLY upload the image*/
$attachment = array /*Create attachment for our post*/
(
'post_mime_type' => $file['type'], /*Type of attachment*/
'post_parent' => $post_id, /*Post id*/
);
$aid = wp_insert_attachment($attachment, $file['file'], $post_id); /*Insert post attachment and return the attachment id*/
$a = wp_generate_attachment_metadata($aid, $file['file'] ); /*Generate metadata for new attacment*/
$prev_img = get_post_meta($post_id, 'custom_image'); /*Get previously uploaded image*/
if(is_array($prev_img))
{
if($prev_img[0] != '') /*If image exists*/
{
wp_delete_attachment($prev_img[0]); /*Delete previous image*/
}
}
update_post_meta($post_id, 'custom_image', $aid); /*Save the attachment id in meta data*/
if ( !is_wp_error($aid) )
{
wp_update_attachment_metadata($aid, wp_generate_attachment_metadata($aid, $file['file'] ) ); /*If there is no error, update the metadata of the newly uploaded image*/
}
}
}
else
{
echo 'Please upload the image.';
}
}
}
function handle_image_upload($upload)
{
global $post;
if (file_is_displayable_image( $upload['tmp_name'] )) /*Check if image*/
{
/*handle the uploaded file*/
$overrides = array('test_form' => false);
$file=wp_handle_upload($upload, $overrides);
}
return $file;
}
?>