पोस्ट सबमिट करें और फ्रंट-एंड से छवि अपलोड करें

Question

मैं उपरोक्त प्रश्न के समान कुछ करने की कोशिश कर रहा हूं। मैं उपयोगकर्ताओं को फ्रंट-एंड से चित्र बनाने और अपलोड करने का प्रयास कर रहा हूं। मैंने पहले ही पोस्ट फॉर्म और उसके काम को कर लिया है।

मैंने रॉबिन I नाइट द्वारा अपलोड किए गए उत्तर -पोस्ट-थंबनेल-फ्रॉम-द-फ्रंट-एंड का जवाब दिया । अफसोस की बात है कि मैं इसे काम नहीं कर सका। क्या मुझे बदलने या संपादित करने के लिए कुछ है?

धन्यवाद।

Answer 1

अगर आप यहाँ पोस्ट किए गए जवाब के बारे में बात कर रहे हैं, तो "अजैक्स जैसी" सबमिट को प्राप्त करने के लिए एक iframe में इसकी बस अपलोडिंग फ़ाइल।

अब अगर आपके पास पहले से एक फॉर्म है जो पोस्ट सबमिट करने का काम करता है तो आप अपलोड फ़ाइल फ़ील्ड इनपुट को अपने फॉर्म में कहीं जोड़ सकते हैं:

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

सुनिश्चित करें कि आपके फॉर्म में enctype="multipart/form-data"विशेषता है।

पोस्ट बनाने के बाद अपने फॉर्म प्रोसेसिंग स्क्रिप्ट में (यह मानते हुए कि आप उपयोग कर रहे हैं wp_insert_post();) पोस्ट आईडी को नए संस्करण में बनाए रखें:

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

और आप छवि अपलोड और पोस्ट थंबनेल के रूप में सहेजा जाएगा।

Comments

साभार @Bainternet मैं इसे थम्बनेल सम्मिलित करने के लिए संघर्ष कर रहा था, लेकिन किसी कारण से जब मैंने '$ new_post' को '$ pid' से बदल दिया तो यह पोस्ट को सम्मिलित करता है थंबनेल

— Govnah Antwi-Boasiako

मैं बहुत बेवकूफ हूं। मैं सिर्फ इस बात पर ध्यान देता हूं कि मुझे '$ pid' का उपयोग क्यों करना पड़ा, मेरे पास यह लाइन थी$pid = wp_insert_post($new_post);

— Govnah Antwi-Boasiako

खुशी है कि आपने इसे पूरा किया, और बेहतर यह है कि आपको यह बात मिल गई।

— बेनटर्नट

हां, आपकी मदद के लिए बहुत बहुत धन्यवाद। अब जब कि मैं इसे समझ गया हूँ, इसके कुछ अजाक्स जोड़ने का समय :)

— गोवनाह एंटवी-बोआसाको

दुर्भाग्य से मेरे पास स्टैकओवरफ़्लो में केवल एक ही खाता है, इसलिए मैं इस प्रश्न का केवल एक ही उत्तर दे सकता हूं। एकदम सही जवाब।

— हेमनाथ मौली

Answer 2

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