Display Attachement in Popup Template

cadgism

Hi All Greetings

Trying to display the attachment image in Popup Template, but not able to display the full image . It shows only like a broken link image. But when clicked , it opens in new window and displaying like charm. 

How can I display the full image it inside the popup , please

Thank you.

urlNaturalresourcesF = "https://xyz/arcgis/rest/services/WebQuery/ Naturalresources/MapServer/0";
 naturalServicepathF = new FeatureLayer(urlNaturalresourcesF, { id: "naturalRes", mode: FeatureLayer.MODE_ONDEMAND, outFields: ["*"], listMode: "hide" });

 //Attachment content
let attachmentsElement = new AttachmentsContent({ 
  displayType: "auto" 
  //displayType: "preview"
});

let template = new PopupTemplate({
  title: "Natural Resources",
  outFields: ["*"],
  content: [attachmentsElement]
});


naturalServicepathF.popupTemplate = template;

//check crome if service is running without safe browse for https
map.add(naturalServicepathF);

 

 

JayakumarPD

See will this helps you.  

https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-ImageMediaInfo.html

// Create the ImageMediaInfoValue
let imageMediaInfoValue = new ImageMediaInfoValue({
  sourceURL: "<insert URL>"
});

// Create the ImageMediaInfo
let imageElement = new ImageMediaInfo({
  title: "<b>Mexican Fan Palm</b>",
  caption: "tree species",
  value: imageMediaInfoValue
});

// Create the MediaContent
let mediaElement = new MediaContent({
  mediaInfos: [ imageElement ]
});