WP Rest API - Come ottenere l'immagine in primo piano

Question

WP Rest API - Come ottenere l'immagine in primo piano

28

54332 2016-06-30

Sonomoltonuovoin questa API,infattifinora ci ho dedicato solo unpaio d'ore. Hofatto lemie ricerchemanon riesco atrovarenulla al riguardo ...

Ilproblema è chenon riesco a ottenere l'immaginein primopiano di unpost. JSON restituisce "featured_media: 0".

 getPosts: function() {
  var burl = "http://www.example.com/wp-json/wp/v2/posts";
  var dataDiv = document.getElementById('cards');
  $.ajax({
    url: burl,
    data: data,
    type: 'GET',
    async: false,
    processData: false,
    beforeSend: function (xhr) {
      if (xhr && xhr.overrideMimeType) {
        xhr.overrideMimeType('application/json;charset=utf-8');
      }
    },
    dataType: 'json',
    success: function (data) {
      console.log(data);
      //question: data->featured_image: 0?!
      var theUl = document.getElementById('cards');
      for (var key in data) {
        //data[key]['']...
        //doing my stuff here
      }
    },
    error: function(e) {
      console.log('Error: '+e);
    }  
  });
}

Ho sicuramenteimpostato un'immaginein primopianonelpostmai dati restituiscono:

Qualsiasi aiuto sarà apprezzato.

I'm very new to this API, in fact I've only spent couple hours on it so far. I've done my research but cannot find anything about it...

The issue is, I can't seem to get the featured image of a post. The JSON returns "featured_media: 0".

getPosts: function() {
  var burl = "http://www.example.com/wp-json/wp/v2/posts";
  var dataDiv = document.getElementById('cards');
  $.ajax({
    url: burl,
    data: data,
    type: 'GET',
    async: false,
    processData: false,
    beforeSend: function (xhr) {
      if (xhr && xhr.overrideMimeType) {
        xhr.overrideMimeType('application/json;charset=utf-8');
      }
    },
    dataType: 'json',
    success: function (data) {
      console.log(data);
      //question: data->featured_image: 0?!
      var theUl = document.getElementById('cards');
      for (var key in data) {
        //data[key]['']...
        //doing my stuff here
      }
    },
    error: function(e) {
      console.log('Error: '+e);
    }  
  });
}

I have definitely, set a featured image on the post but data returns:

Any help will be appreciated.

6 risposta

voti

- 68
- 2017-05-31
Puoi ottenerlo senzaplug-in aggiungendo _embed comeparametro allatua query

/?rest_route=/wp/v2/posts&_embed /wp-json/wp/v2/posts?_embed
You can get it without plugins by adding _embedas param to your query

/?rest_route=/wp/v2/posts&_embed /wp-json/wp/v2/posts?_embed
- questo causa unproblema quando siesegueilbinding adessoin unbinding angolare,fare alnome `wp:` di uno deinodinelpercorsojson dell'immagine.Ho usatoilplugin dell'altra risposta,che semplificailpercorso dell'immagine.
  
  this causes a problem when binding to it in an Angular binding, do to the `wp:` name of one of the nodes in the json path to the image. I used the plugin from the other answer, which simplifies the path to the image.
  - 0
  - 2017-10-09
  - Steve
- contro:il JSON diventapiùpesante pro:noninstallareplugin,non chiamare un'altra richiesta http -> votopositivo
  
  cons: the JSON get heavier pros: not install plugin, not call another http request -> upvote
  - 1
  - 2017-11-21
  - Tho Vo
- Come dovrebbe convertire wp: Featuredmediain JSON?perprima cosa creo la classe wp che contiene Featuredmedia.Manonfunziona.
  
  How should convert wp:featuredmedia to JSON? first I create wp class that contains featuredmedia. But it does not work.
  - 1
  - 2018-04-03
  - Mahdi
- Puoi accedere a wp: utilizzando questanotazionepost._embedded ['wp:term']
  
  You can access wp: by using this notation post._embedded['wp:term']
  - 3
  - 2018-05-15
  - ocajian

13

2018-10-22

NON usereiilmigliorplug-in dell'API rest.Ha aggiuntoimmaginiin primopiano al resto dell'API,ma l'ha anche rotto.

Questa è la soluzionepiù semplice che sono riuscito atrovare che hafunzionato davvero.Aggiungiil seguente codice altuofunctions.php:

 <?php

function post_featured_image_json( $data, $post, $context ) {
  $featured_image_id = $data->data['featured_media']; // get featured image id
  $featured_image_url = wp_get_attachment_image_src( $featured_image_id, 'original' ); // get url of the original size

  if( $featured_image_url ) {
    $data->data['featured_image_url'] = $featured_image_url[0];
  }

  return $data;
}
add_filter( 'rest_prepare_post', 'post_featured_image_json', 10, 3 );

I would NOT use the better rest API plugin. It did add featured images to the rest api but it also broke it.

This is the simplest solution I was able to find that actually worked. Add the following code to your functions.php:

<?php

function post_featured_image_json( $data, $post, $context ) {
  $featured_image_id = $data->data['featured_media']; // get featured image id
  $featured_image_url = wp_get_attachment_image_src( $featured_image_id, 'original' ); // get url of the original size

  if( $featured_image_url ) {
    $data->data['featured_image_url'] = $featured_image_url[0];
  }

  return $data;
}
add_filter( 'rest_prepare_post', 'post_featured_image_json', 10, 3 );

- 5
- 2018-01-31
Puoi ottenereilnome dell'immagine con questopercorso:

array_name._embedded ['wp: Featuredmedia'] ['0']. source_url

You can get the name of the image with this path:

array_name._embedded['wp:featuredmedia']['0'].source_url
- fonte
- RobK

1

2018-09-28

Ho creato un collegamento allamiaimmagine aggiungendolo direttamente alla risposta dell'API.

 //Add in functions.php, this hook is for  my 'regions' post type
add_action( 'rest_api_init', 'create_api_posts_meta_field' );

function create_api_posts_meta_field() {
  register_rest_field( 'regions', 'group', array(
         'get_callback'    => 'get_post_meta_for_api',
         'schema'          => null,
      )
  );
}

 //Use the post ID to query the image and add it to your payload
function get_post_meta_for_api( $object ) {
  $post_id = $object['id'];
  $post_meta = get_post_meta( $post_id );
  $post_image = get_post_thumbnail_id( $post_id );      
  $post_meta["group_image"] = wp_get_attachment_image_src($post_image)[0];

  return $post_meta;
}

I made a shortcut to my image by adding it directly to the API response.

//Add in functions.php, this hook is for  my 'regions' post type
add_action( 'rest_api_init', 'create_api_posts_meta_field' );

function create_api_posts_meta_field() {
  register_rest_field( 'regions', 'group', array(
         'get_callback'    => 'get_post_meta_for_api',
         'schema'          => null,
      )
  );
}

//Use the post ID to query the image and add it to your payload
function get_post_meta_for_api( $object ) {
  $post_id = $object['id'];
  $post_meta = get_post_meta( $post_id );
  $post_image = get_post_thumbnail_id( $post_id );      
  $post_meta["group_image"] = wp_get_attachment_image_src($post_image)[0];

  return $post_meta;
}

- 0
- 2020-07-15
Prova a seguire la strada ....................

URL: /wp-json/wp/v2/posts?_embed

immagine: json["_embedded";;;;
Funzionabene.try
Try following way .................... URL: /wp-json/wp/v2/posts?_embed image: json["_embedded"]["wp:featuredmedia"][0]["source_url"], It's working fine.try fonte MAM.AASIM

Michael Cropper · Accepted Answer · 2016-06-30

3

2016-06-30

Dai un'occhiata a unplug-in chiamato Immaginein primopiano dell'API RESTmigliore .Aggiunge l'URL dell'immaginein primopiano alla risposta API originale.

Grazie.Restituisce l'URL che è utile.Qualcheidea sulperchéilplugin stessonon lo restituisca?Stofacendo qualcosa di sbagliato o è l'API?

Thank you. Returns the URL which is handy. Any ideas why the plugin it self is not returning it? Am I doing something wrong or is it the API?
- 0
- 2016-06-30
- Abdul Sadik Yalcin
È l'API.Ancora agliinizi.Migliorerà

Its the API. Still early days. It will improve
- 1
- 2016-06-30
- Michael Cropper
Problema risolto!In realtà restituisce un ID dell'immaginema ho completamente dimenticato di aver attivato la cache!Ma comunque,quelplugin èmigliorein quanto restituisce direttamente l'URL.

Problem solved! It does actually return an ID of the image but I totally forgot I had the cache turned on! But anyway, that plugin is better as it returns the url directly.
- 1
- 2016-06-30
- Abdul Sadik Yalcin
@Devrim Sono contento chetu l'abbia risolto!Se questa risposta di Michaelti ha aiutato,puoifare clic sul segno di spunta a sinistraper accettarlae mostrare agli altri che questaera la risposta corretta.:)

@Devrim Glad you solved it! If this answer from Michael helped you, you can click the tick to the left of it to accept it to show others that this was the correct answer. :)
- 0
- 2016-06-30
- Tim Malone