SixLabors.ImageSharp.UnknownImageFormatException: Width or height cannot be 0

[americanslon]

Description

I am getting the above error on using (var image = Image.Load(inStream))

Steps to Reproduce

async Task Upload(IMatFileUploadEntry file)
    {
        if (file != null)
        {
            byte[] bytes;
            using (var inStream = new MemoryStream())
            {
                await file.WriteToStreamAsync(inStream);

                using (var outStream = new MemoryStream())
                using (var image = Image.Load(inStream))
                {
                    image.Mutate(x => x.Resize(new ResizeOptions
                    {
                        Size = new SixLabors.ImageSharp.Size(Settings.LOGO_LENGTH, Settings.LOGO_HEIGHT),
                        Mode = ResizeMode.Pad
                    }).BackgroundColor(new Color(new Rgba32(255, 255, 255, 1))));

                    image.SaveAsPng(outStream);

                    bytes = outStream.ToArray();
                    Item.Icon = Convert.ToBase64String(bytes);
                    Console.WriteLine(Item.Icon);
                }
            }
        }

System Configuration

Blazor WASM.
The image is coming from https://www.matblazor.com/FileUpload.

• ImageSharp version: 1.0.0-beta0008
• Environment (Operating system, version and so on): Win 10
• .NET Framework version: netstandard 2.1

[JimBobSquarePants]

Hi @americanslon

Just checking. That's ImageSharp.Drawing 1.0.0-beta0008 yeah which is referencing the ImageSharp 1.0.0-rc0001 release?

Is there a way to access the underlying data from the IMatFileUploadEntry to check the contents and copy it rather than using the in built method. The error suggests to me we're not receiving all the data.

[americanslon]

Yeah that's SixLabors.ImageSharp.Drawing 1.0.0-beta0008

I am not really sure to be honest. This stream/image processing stuff not something I deal with usually or understand well so I am just trying to cobble up some basic resizing functionality from examples. I know that the uploader generally works fine as I have been using it to capture and turn the file into base64 string for a some time now with no problems.

Here is the link to the uploader code (not mine) https://github.com/SamProf/MatBlazor/tree/master/src/MatBlazor/Components/MatFileUpload

How would we go about checking that the contents has what imagesharp needs?

Thanks for your help @JimBobSquarePants

[JimBobSquarePants]

Are you able to share the image? if not does it work in a non asynchronous environment?

[americanslon]

Yeah it's just a random screenshot from pc.

It seems like it has to be async as WriteToStreamAsync is the only write-to-stream method available from the MatFileUpload

[JimBobSquarePants]

This is definitely an issue with the stream contents not being completely flushed before we attempt to load it. I was able to load the given image without issue.

I suggest you raise an issue in that repository to track how streams are buffered/written.

[JimBobSquarePants]

@americanslon We've just added an asynchronous API to our development builds. Please check them out (in about 12 minutes once they finish building). The link to the MyGet feed is in our readme.

This may make the problem go away.

[JimBobSquarePants]

@americanslon Try the Async API from this build please.

https://www.myget.org/feed/sixlabors/package/nuget/SixLabors.ImageSharp/1.0.0-unstable0052

[americanslon]

I added to https://www.myget.org/feed/sixlabors/package/nuget/SixLabors.ImageSharp/1.0.0-unstable0052 to NuGet package sources but when I go into NuGet screen to update the package the latest version is the same as in regular NuGet package source 1.0.0 - beta0009

How do I import the unstable package?

[JimBobSquarePants]

Why are you updating? Use the source versions as specified.

I’m assuming you are using the SDK style package yes? If so you should be able to see/change your the version number in the csproj file. It looks to me like your using the wrong package source when using the manager.

[americanslon]

What do I do with that source?
Latest version showing up in nuget is beta009

[JimBobSquarePants]

It’s MyGet not NuGet. You’re adding a specific ImageSharp version NOT ImageSharp.Drawing

[americanslon]

Yes I noticed is MyGet. I don't know what that is. Googling suggested that the way you add MyGet packages in VS is adding the myge url you provided as a new package source.

I am not sure what you are referring to as SDK style package. The only thing I do is import stuff with nuget. I don't know how to import the specific version, if it's now showing up in package manager and the unstable version is not showing up.

The only thing in my csproj that is related to SixLabors is <PackageReference Include="SixLabors.ImageSharp.Drawing" Version="1.0.0-beta0009" />

[americanslon]

FYI if I just run Install-Package SixLabors.ImageSharp -Version 1.0.0-unstable0052 -Source https://www.myget.org/F/sixlabors/api/v3/index.json

I get a fail and

The 'Source' parameter is not respected for the transitive package management based project(s) Web. The enabled sources in your NuGet configuration will be used.