投稿を送信し、フロントエンドから画像をアップロードします

上記の質問と同様のことをしようとしています。ユーザーがフロントエンドから画像を投稿およびアップロードできるようにしています。私はすでに投稿フォームとその作業を行いました。

Robin I Knightが投稿した回答をフォローして試してみたところ、upload-post-thumbnail-from-the-front-endでした。悲しいことに、それを機能させることができませんでした。変更または編集すると思われるものはありますか？

ありがとうございました。

— Govnah Antwi-Boasiako
ソース

回答:

ここに投稿した答えについて話している場合は、「Ajaxのような」送信を実現するためにiframeにファイルをアップロードするだけです。

投稿の送信を処理するフォームがすでにある場合は、フォームのどこかにアップロードファイルフィールドの入力を追加するだけです。

<form ...
...
<input type="file" name="thumbnail" id="thumbnail">
...
...
</form>

フォームにenctype="multipart/form-data"属性があることを確認してください。

次に、投稿を作成した後（使用していると仮定してwp_insert_post();）フォーム処理スクリプトで、投稿IDを新しい変数に保持します。

$new_post = wp_insert_post($post_array);

そしてその後に追加：

            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);
            }

画像がアップロードされ、投稿のサムネイルとして保存されます。

— Bainternet
ソース

@Bainternetありがとうございます。サムネイルを挿入するのに苦労していましたが、何らかの理由で '$ new_post'を '$ pid'に

— 置き換えると

私はとても愚かです。'$ pid'を使用しなければならない理由を$pid = wp_insert_post($new_post);

— 調べ

うまくできてうれしいです、そしてあなたがポイントを得たことはより良いです。

— Bainternet 2011年

はい、ありがとうございました。私はそれを理解したので、ajaxを追加する時が

— 来ました

残念ながら、Stackoverflowには1つのアカウントしかないので、この質問に1つだけ賛成票を与えることができます。完璧な答え。

— hemnath mouli 2015

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);
  }

 ?>

画像のアップロード：

<?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;
}
?>

— Arvind07
ソース