Sharepoint 2013: Insert image into javascript csom page

Question

I am creating a new page with javascript csom. I can give it a name, byline, content, etc., but it will not accept the link to the image. It does not give me any error messages and does not reach my error function, but I obviously missed something because the new page does not have attached images.

Any ideas on how to do this?

Here is my code:

var pageInfo = new SP.Publishing.PublishingPageInformation(); var newPage = pubWeb.addPublishingPage(pageInfo); context.load(newPage); context.executeQueryAsync(function () { var listItem = newPage.get_listItem(); context.load(listItem); context.executeQueryAsync(function () { var title = $('#head').val(); listItem.set_item('Title', title); listItem.set_item('PublishingPageImage', { "Url": "/sites/intranett/PublishingImages/ExampleImage.png", "Description": "testing" }); listItem.update(); context.executeQueryAsync(function () { }, onFailedCallback); }, onFailedCallback); }, onFailedCallback); 

Answer 1

I needed to enable the html image tag when setting the PublishingPageImage property.

 listItem.set_item('PublishingPageImage', "<img alt='image' src='/sites/intranett/PublishingImages/ExampleImage'>");