save imagesfiles to media folder programmatically - Umbraco 8

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Henning Ejnefjäll 7 posts 87 karma points

May 27, 2019 @ 07:23
0

Save images/files to media folder programmatically
Hi! I've recently started developing with Umbraco and I'm currently using the latest version (version 8). The experience has been good so far but I've stumbled across a problem and I just can't seem to find any working solution for it using version 8...

I'm simply trying to programmatically save a file (image) uploaded through a regular asp form (Html.BeginUmbracoForm(...)). The file information (filename) seem to get stored in the database but when I look in the media folder it's not there and I don't get any error messages saving it (in the backoffice I see the reference/filename is stored both on page and under the media folder but the actual image or information about width etc. is not). Here's a part of my code for storing the file:
```
//myFile is an object of HttpPostedFileBase
IMediaService mediaService = Services.MediaService; //creating service
int mediaRootId = 4120; //pointing to sub folder under media
var filename = myFile.FileName; 
var mediaType = Constants.Conventions.MediaTypes.Image;
var media = mediaService.CreateMedia(filename, mediaRootId, mediaType);
media.SetValue("umbracoFile", myFile.InputStream);
mediaService.Save(media);
```
And later I save the media object to a page property together with other form data...
```
content.SetValue("myUploadedFile", media);
var result = contentService.SaveAndPublish(content);
```
I've been scratching my head and I'm thankful for any help regarding this...
Copy Link
Henning Ejnefjäll 7 posts 87 karma points

Jun 04, 2019 @ 13:10

0

Anyone here with some insight about this?

Copy Link
Mario Lopez 168 posts 958 karma points MVP 4x c-trib

Jun 04, 2019 @ 22:27
104
Hi Henning,

There's an extension method in the Umbraco.Core namespace that accepts an HttpPostedFileBase directly, so you can do this to save your uploaded file:
```
 media.SetValue(Services.ContentTypeBaseServices, "umbracoFile", "filename1.png", myFile);
```
The ContentTypeBaseServices is available in the Services object of an Umbraco controller.
Copy Link
Henning Ejnefjäll 7 posts 87 karma points

Jun 05, 2019 @ 07:07
0
Great! Works like a charm... Many thanks Mario!
```
media.SetValue(Services.ContentTypeBaseServices, "umbracoFile", myFile.FileName, myFile.InputStream);
```
Copy Link
Josip 195 posts 662 karma points c-trib

Jun 04, 2019 @ 23:01

0

Hi Mario, do you know how to make it visible in Umbraco backoffice?

Copy Link

Henning Ejnefjäll 7 posts 87 karma points

Jun 20, 2019 @ 08:41

Incase you're still struggling with this Josip... Saving your page/content and file like this should work for you and display it in the backoffice:

IContentService contentService = Services.ContentService;
var content = contentService.CreateContent(pageName, udiOfParent, "myContentType"); 

content.SetValue(Services.ContentTypeBaseServices, "myFile", someFile.FileName, someFile.InputStream);

Copy Link

Mario Lopez 168 posts 958 karma points MVP 4x c-trib

Jun 04, 2019 @ 23:43

Try creating the media with CreateMediaWithIdentity instead:

var media = Services.MediaService.CreateMediaWithIdentity(filename, mediaRootId, mediaType);
media.SetValue("umbracoFile", myFile);
Services.MediaService.Save(media);

Copy Link

David Armitage 510 posts 2081 karma points

Jun 21, 2020 @ 03:40

Hi,

This is how I do it.

 public IMedia InsertImage(HttpPostedFileBase file, int mediaFolderId, IContentTypeBaseServiceProvider contentTypeBaseServiceProvider)
        {
            try
            {
                IMedia media = _mediaService.CreateMedia(file.FileName, mediaFolderId, Constants.Conventions.MediaTypes.Image);
                media.SetValue(contentTypeBaseServiceProvider, "umbracoFile", file.FileName, file);
                _mediaService.Save(media);
                return media;
            }
            catch (Exception e)
            {
                _logger.Error<UmbMediaService>("InsertImage | Exception: {0} | Message: {1}", e.InnerException != null ? e.InnerException.ToString() : "", e.Message != null ? e.Message.ToString() : "");
            }

            return null;
        }

And this is how I call the method.

var contentTypeBaseServiceProvider = Current.Services.ContentTypeBaseServices;
                        IMedia image = _umbMediaService.InsertImage(model.Logo, model.MediaFolderId, contentTypeBaseServiceProvider);

Here are the using statements. I am sure not all are necessary. I am sure your visual studios intellisesne will tell you if one of them is not required.

using Umbraco.Core.Composing;
using Website.Core.Helpers;
using Website.Core.Models;
using Website.Core.Models.EntityModels;
using Website.Core.Services;

I can confirm this code works. I literally just re-tested this on a project before posting.

Regards

David

Copy Link

wilmar 19 posts 129 karma points

Jan 22, 2021 @ 10:32

Thanks you are my hero !! :) i can add something here if you want to save this media on a media picker you can do it like this

 var media =  InsertImage(myHttpPostedFileBase);
 var member =  GetCurrentIMember();
        var udi = Udi.Create(DefinedConstants.UdiEntityType.Media, media.Key);
        member.SetValue("mycustomimage",udi.ToString());
        _memberService.Save(member);

Copy Link

Fernando 13 posts 82 karma points

Jul 07, 2022 @ 21:06

0

Hi, I am new in Umbraco (I am using v9). What is Services here? IMediaService mediaService = Services.MediaService; //creating service

Thanks.

Copy Link
Frederik Sørensen 6 posts 76 karma points

Mar 28, 2023 @ 06:40

0

Hi Fernando

Yes, you are correct.

In v9 the Services.MediaService is now Dependency Injected as IMediaService

// Fred

Copy Link
Fernando 13 posts 82 karma points

Mar 28, 2023 @ 11:24

0

Yes, I solved this using DI, thanks.

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?

Save images/files to media folder programmatically