how to render an page type field that is for an image using the direct upload

Hi Lawrence,

This is not the right approach for generating the proper attachment URL. Please check out this documentation article, I believe it explains exactly your case how to get the attachment URL to display an image.

I couldn't really find a solution. The pages use the content based routing so there isn't any controllers set up for this. Is there a tag helper or something similar I can use?

So, I should've said the page type used the Basic content based routing so there were no controllers or models just that they used the @model Kentico.Content.Web.Mvc.Routing.IPageViewModel<Home> in the cshtml page to get the view model.

I could not get it to work so I just built my own model and controller based on the documentation and set it up that way. if there is a way to accomplish what I was trying I'd love to see it, otherwise, this way works fine too.

Hi Lawrence,

I believe this code should work for you in your basic view:

@inject IPageAttachmentUrlRetriever attachmentUrlRetriever

<img src="@attachmentUrlRetriever.Retrieve(Model.Page.TeaserImage)" />

I may be missing a using statement but in testing I am getting an error cannot convert from 'System.Guid' to 'CMS.DocumentEngine.IAttachment'

@Lawrence,

The API that Dmitry referenced is this:

//
// Summary:
//     Provides an interface for retrieving the page attachment URL based on given parameters.
public interface IPageAttachmentUrlRetriever
{
    //
    // Summary:
    //     Retrieves the page attachment URL representation for given page attachment.
    //
    // Parameters:
    //   attachment:
    //     Page attachment.
    IPageAttachmentUrl Retrieve(IAttachment attachment);
}

It requires an IAttachment. If you pass the Page Type property accessed through the nested .Fields class, then you will be given a DocumentAttachment, however if you use the Page Type field directly off the Page Type instance, it will be a Guid.

I'm guessing you used the wrong property.

Example:

DocumentAttachment attachment = homePage.Fields.Image;
Guid attachmentGuid = homePage.HomePageImage;