I’m using SharePoint on Premises 2019 and I have an ajax request to a SharePoint list. The list has a preexisting column named attachments which contains images that were uploaded to it.
Now the ajax request to return elements of the list returns a xml response for the attachments column. The response
xmlns="http://www.w3.org/2005/Atom" xmlns:d="http://schemas.microsoft.com/ado/2007/08/dataservices" xmlns:m="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata" xmlns:georss="http://www.georss.org/georss" xmlns:gml="http://www.opengis.net/gml"><id>e3a2717c-932c-43a0-b1c6-f81a75329948</id><title /><updated>2024-03-26T06:02:30Z</updated><entry><id>http://po/sites/pssm/_api/Web/Lists(guid'f80db476-8b0c-4a8b-b9b6-0516028525d5')/Items(25)/AttachmentFiles('contact.webp')</id><category term="SP.Attachment" scheme="http://schemas.microsoft.com/ado/2007/08/dataservices/scheme" /><link rel="edit" href="Web/Lists(guid'f80db476-8b0c-4a8b-b9b6-0516028525d5')/Items(25)/AttachmentFiles('contact.webp')" /><title /><updated>2024-03-26T06:02:30Z</updated><author><name /></author><content type="application/xml"><m:properties><d:FileName>contact.webp</d:FileName><d:FileNameAsPath m:type="SP.ResourcePath"><d:DecodedUrl>contact.webp</d:DecodedUrl></d:FileNameAsPath><d:ServerRelativePath m:type="SP.ResourcePath"><d:DecodedUrl>/sites/pssm/Lists/PoliceHomeAds/Attachments/25/contact.webp</d:DecodedUrl></d:ServerRelativePath><d:ServerRelativeUrl>/sites/pssm/Lists/PoliceHomeAds/Attachments/25/contact.webp</d:ServerRelativeUrl></m:properties></content></entry></feed>
Here the image url can be found in the serverRelativeUrl tag of xml response.
This is my js loop statement that generates the tag.
<a" href="' + objArray[i].AttachmentFiles.__deferred.uri + '"> </a>;
For now I’m using anchor tag just so I can see the results returned by the statement more clearly. If I use image tag, it just shows me the browser image default icon.
Do help. How can I display image?