Choose media type before uploading media through content section

[sigrundis]

Umbraco Version

8.14

Description

I love the fact that with the Media Picker 3 you can limit data/document types to specific media types. However, if a content editor wants to upload new media while editing the content, they cannot choose the type of media uploaded.

Example

I created a media type for SVG files only and used the editor for a field in a document type. However, if content editors want to upload a new SVG file to use for the field through the content editor (while editing the content) they cannot select the media type of the file. The file is set to a default type (in this case media type: file), and because the field is limited to media type: SVG, they cannot use the file they just uploaded. They need to upload new files through the media section to be able to select the correct media type.

Steps to reproduce

1. Create new media type -> add property -> select File Upload -> Edit it by clicking on it -> Name it Upload SVG (or something similar) -> under Configuration, set the accepted file extensions to svg -> make the SVG upload field mandatory
   
   
   

2. Create new Data Type -> Select Media Type under Property Editor -> Select the SVG media type under Accepted types
   

3. Open the Document Type that should use the svg file field -> add property -> select the SVG Media Data Type as editor
   

4. Create Content using the Document Type that includes the svg media upload field -> Upload new SVG file -> By default, it gets uploaded as media type: file. Because the field is restricted to using media type: SVG only, the newly uploaded file cannot be used.
   
   
   
   

Expected result

It would be nice if the content editor could select the media type of the files uploaded from the content section.

[nul800sebastiaan]

Thanks @sigrundis - this is due to SVG by default not being set as an image file type. In order to preserve backwards compatibility, we currently can't change that (people expecting SVG to be created as a File will suddenly get different behavior.

This seems like a good one to fix for v9, adding svg here and mark it as breaking change: https://github.com/umbraco/Umbraco-CMS/blob/v8/dev/src/Umbraco.Core/Configuration/UmbracoSettings/ContentImagingElement.cs#L17

In the mean time, you can add <imaging> to your umbracoSettings.config - I think this will do the trick, add it within the <content> node:

<imaging>
    <imageFileTypes>jpeg,jpg,gif,bmp,png,tiff,tif,svg</imageFileTypes>
</imaging>

I'll put this as up for grabs to fix in v9, accepting svg as an image by default.

[nul800sebastiaan]

#10604

[sigrundis]

Hmm... sounds like I was not clear enough 😅

The feature I'm requesting is that when uploading media through the content section - I want to be able to select a media type for it - like you can do when you upload it through the media section:

In the example described above, I don't want it to get the media type: image or file, I want it to be uploaded as my custom media type: SVG - since the field has a validation that the media used must have the type: SVG.

AND/OR
Be able to choose the default media type for media uploaded through the content section for a specific field.

The reason:
Improve editor experience for the content editors. When they add content for a media field, they usually do so in the content section while updating the content. It could be annoying for them needing to close what they are doing to add the media type through the media section since they get a validation error if they upload it through the content section - because they can't make sure the file is uploaded as the correct media type for the field.

To put things to perspective, I'm using your suggestion here:
#4921 (comment)

But yeah, I want to be able to add media through the content section without getting a validation error because I can't make sure the file has the correct type if I do it from there.

Hope I managed to explain it properly this time 😅 Or am I misunderstanding something, is it maybe possible? 😊

[nul800sebastiaan]

Thanks again for the feedback @sigrundis. I was clearly tired yesterday and didn't spot the problem that I should have seen in your first post. This is a bit silly buy Umbraco needs you to create the alias of your upload field specifically to be umbracoFile, otherwise it doesn't really know where to look for the file 🙈 This is a weird quirk that comes from far in the depths of Umbraco history (probably that code for it was created about 10-15 years ago).

So when I do that, I don't need to update the imageFileTypes, Umbraco just understand that your SVG media type is the only one that will accept and svg file and doesn't give you a choice, it just does the right thing.

10602_2.mp4

If you leave the svg in imageFileTypes it actually DOES ask you while media type you want to create because now it is possible that it's an Image mediatype as well, so I would recommend to remove it from the imageFileTypes list so you don't need to choose, saves you a click. 🙂