how to retrieve image column from sharepoint list using sp-pnp-js in SPFX webpart

Question

I am not able retrieve image column from SharePoint list in my solution using sp-pnp-js.

Ganesh Sanap · Accepted Answer · 2020-08-06 16:03:18Z

0

Try below code inside forEach:

let imageUrl = item.Picture.Url

OR

let imageUrl = item["Picture"].Url

Then pass this image URL inside src attribute of img tag.

answered Aug 6 '20 at 16:03

Ganesh Sanap

17.7k12 gold badges22 silver badges38 bronze badges

how to retrieve date column fields from sharepoint list – Davy Aug 6 '20 at 16:10
Are you able to retrieve and use image URL using above code? You can get date column using let dateColValue = item.InternalNameOfDateCol OR let dateColValue = item["InternalNameOfDateCol"]. make sure you are using correct internal names of your fields. – Ganesh Sanap Aug 6 '20 at 16:17

Add a comment |

Amos · Accepted Answer · 2020-08-07 03:00:09Z

0

You could get picture url this way:

item.pictureColumnName.Url

get date column:

item.dateColumnName

answered Aug 7 '20 at 3:00

Amos

1,8161 gold badge3 silver badges8 bronze badges

Add a comment |

Adiu · Accepted Answer · 2020-12-18 12:46:07Z

0

This worked for me:

JSON.parse(item.ImageColumName).serverRelativeUrl

BUT I was using CAML query to retrieve items.

answered Dec 18 '20 at 12:46

Adiu

1236 bronze badges

Add a comment |

3 Answers 3