Have you tried just...

<img src="@page.imgPanel.Url" alt="" />

What kind of property editor are you using for "imgPanel" ?

Was hoping that this issue resolved this, as the republishing any and all pages where we need to alter from the legacy to the new media picker is time consuming on large sites.. Also if a page is in an editing cycle, we can't publish the previous version again to generate the UDI :-(

http://issues.umbraco.org/issue/U4-9974

"Plus the media picker is missing a check for the obsolete media picker."

             public override bool IsConverter(PublishedPropertyType propertyType)
         {
-            return propertyType.PropertyEditorAlias.Equals(Constants.PropertyEditors.MediaPicker2Alias);
+            if (propertyType.PropertyEditorAlias.Equals(Constants.PropertyEditors.MediaPicker2Alias))
+                return true;
+
+            if (UmbracoConfig.For.UmbracoSettings().Content.EnablePropertyValueConverters)
+            {
+                return propertyType.PropertyEditorAlias.Equals(Constants.PropertyEditors.MediaPickerAlias);
+            }
+            return false;
         }

         /// <summary>

The source to Object convertor only supports UDI's so no go for legacy ints..

public override object ConvertSourceToObject(PublishedPropertyType propertyType, object source, bool preview)
        {
            if (source == null)
            {
                return null;
            }

            var udis = (Udi[])source;
            var mediaItems = new List<IPublishedContent>();
            if (UmbracoContext.Current == null) return source;
            var helper = new UmbracoHelper(UmbracoContext.Current);
            if (udis.Any())
            {
                foreach (var udi in udis)
                {
                    var item = helper.TypedMedia(udi);
                    if (item != null)
                        mediaItems.Add(item);
                }
                if (IsMultipleDataType(propertyType.DataTypeId, propertyType.PropertyEditorAlias))
                {
                    return mediaItems;
                }
                else
                {
                    return mediaItems.FirstOrDefault();
                }
            }

            return source;
        }

we could do with a fallback to the

https://github.com/Jeavon/Umbraco-Core-Property-Value-Converters/blob/v3/Our.Umbraco.PropertyConverters/MediaPickerPropertyConverter.cs

public override object ConvertSourceToObject(PublishedPropertyType propertyType, object source, bool preview)
    {
        if (source == null)
        {
            return null;
        }

        if (UmbracoContext.Current != null)
        {
            var media = UmbracoContext.Current.MediaCache.GetById((int)source);
            return ConverterHelper.DynamicInvocation() ? media.AsDynamic() : media;
        }

        return null;
    }

simple workaround...

        if (Model.HasValue("sectionBanner", true))
        {
            IPublishedContent MediaNode;
            try
            {
                MediaNode = Model.GetPropertyValue<IPublishedContent>("sectionBanner", true);
            }catch
            {
                // legacy mediapicker stores int not uid so need to fallback
                MediaNode = Umbraco.TypedMedia(Model.GetProperty("sectionBanner", true).DataValue);
            }

            if (MediaNode != null)
            {
...
            }
       }

Hello Guys i have the same problem
and its not possible to resave and publish all the content because site have a thousands of content. i tested the below code and it didn't do the job.

var cs = ApplicationContext.Current.Services.ContentService;
foreach(var content in yourListOfContentItems)
{
    cs.SaveAndPublish(content);
}

Started another thread on this as this one seemed a little dead..

My take on sorting...

https://our.umbraco.org/forum/using-umbraco-and-getting-started/86315-update-to-7623-and-core-property-value-convertors-id-to-uid-aka-mediapicker-to-mediapicker2#comment-273516

Hello, I have a similar problem, I try to programmatically add a picture to the media picker and publish the whole content. The special thing is that it shows the images in backofice. The error is not a valid udi at the frontend. My code is:

var contentService = ApplicationContext.Current.Services.ContentService;
var childnode = contentService.CreateContent(
                            row["nazev"].ToString(),
                            node.Id,
                            "pobockyAKontakty",
                            0);
childnode.SetValue("nazevPobockyBanky", row["nazev"].ToString());
                        childnode.SetValue("adresa", row["adresa"].ToString());
                        childnode.SetValue("mesto", mesto);
                        childnode.SetValue("gPS", row["gps"].ToString());
                        childnode.SetValue("oteviracDoba", row["oteviraciDoba"].ToString());
string originalPath = "Media\\uploadedImages\\c8178864-de30-4c77-b32c-a210d841a856.jpg";
                        IMediaService mediaService = ApplicationContext.Current.Services.MediaService;
                        var newImage = mediaService.CreateMedia("myTestImage", -1, "Image");
                        byte[] buffer = System.IO.File.ReadAllBytes("c:\\c8178864-de30-4c77-b32c-a210d841a856.jpg");
                        MemoryStream strm = new MemoryStream(buffer);
                        newImage.SetValue("umbracoFile", "myNewImage.png", strm);
                        mediaService.Save(newImage);
                        if (System.IO.File.Exists("c:\\c8178864-de30-4c77-b32c-a210d841a856.jpg"))
                        {
                            //System.IO.File.Delete("c:\\c8178864-de30-4c77-b32c-a210d841a856.jpg");
                        }
                        childnode.SetValue("fotka", newImage.Id);
                        contentService.SaveAndPublishWithStatus(childnode);

template:

var typedMediaPickerSingle = item.GetPropertyValue<IPublishedContent>("fotka");

                        if (typedMediaPickerSingle != null)
                        {

                           <figure><img src="@typedMediaPickerSingle.Url.ToString()" alt="img" style="height:100%;" /></figure>
                        }

But here:var typedMediaPickerSingle = item.GetPropertyValue

possibly this line..

 childnode.SetValue("fotka", newImage.Id);

you need to set the value to the udi not the id...

 childnode.SetValue("fotka", "umb://media/" + newImage.Key)

untested but I've used a similar approach here...

https://our.umbraco.org/forum/using-umbraco-and-getting-started/86315-update-to-7623-and-core-property-value-convertors-id-to-uid-aka-mediapicker-to-mediapicker2#comment-273516

This works well. Thank you very much for your advice I've edited the template:

var typedMediaPickerSingle = item.fotka;

Hey Guys,

I get the same issue.

I am populating a image on one of my doc types in code and saving. Using a value from an already existing image.

1. If I pass in the ID and save it saves ok. When I look in the backend I can see the image and all looks good. When I try and access this in the frontend I get the not a valid UDI.

2. So if I pass the UDI in when saving the image again its saves fine. But when I look in the backend it doesn't display the image but instead a message saying the image doesn't exist and something about deleted image. It also wont let me navigate to the image in the backend. The strange think is when I try and access this image in the frontend it works fine.

This is the code I am using to access the image in the frontend

 if (Model.Content.HasValue("openGraphImage") && Model.Content.GetPropertyValue<IPublishedContent>("openGraphImage") != null)
    {
        openGraphImage = Request.Url.Scheme + "://" + Request.Url.Host + Model.Content.GetPropertyValue<IPublishedContent>("openGraphImage").Url;
    }

My post here might help

is working on a reply...