C#•3y ago

✅ Image from dataurl

I have dataurl with image and i need to get it to some reasonable image object in c#, so i can resize it and get bytes from the resized image. I was playing with skiasharp bitmap, but i couldn't figure it out.

Lexaro•2/2/23, 11:31 AM

using System;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;

namespace ImageConversionToHelpBinto86
{
    class Program
    {
        static void Main(string[] args)
        {
            string dataUrl = "";

            string base64 = dataUrl.Split(',')[1];

            byte[] imageBytes = Convert.FromBase64String(base64);

            using (MemoryStream ms = new MemoryStream(imageBytes))
            {
                Image image = Image.FromStream(ms);

                Bitmap resizedImage = new Bitmap(image, new Size(100, 100));

                byte[] resizedImageBytes;
                using (MemoryStream resizedMs = new MemoryStream())
                {
                    resizedImage.Save(resizedMs, ImageFormat.Jpeg);
                    resizedImageBytes = resizedMs.ToArray();
                }

            }
        }
    }
}

using System;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;

namespace ImageConversionToHelpBinto86
{
    class Program
    {
        static void Main(string[] args)
        {
            string dataUrl = "";

            string base64 = dataUrl.Split(',')[1];

            byte[] imageBytes = Convert.FromBase64String(base64);

            using (MemoryStream ms = new MemoryStream(imageBytes))
            {
                Image image = Image.FromStream(ms);

                Bitmap resizedImage = new Bitmap(image, new Size(100, 100));

                byte[] resizedImageBytes;
                using (MemoryStream resizedMs = new MemoryStream())
                {
                    resizedImage.Save(resizedMs, ImageFormat.Jpeg);
                    resizedImageBytes = resizedMs.ToArray();
                }

            }
        }
    }
}

Lexaro•2/2/23, 11:32 AM

@Binto86 use my code to convert a data URL to an image in C#

Binto86OP•2/2/23, 11:33 AM

thanks, unfortunately im not on windows, this is wasm, so i can't really use System.Drawing

Lexaro•2/2/23, 11:33 AM

macOS?

Lexaro•2/2/23, 11:34 AM

or Linux?

Binto86OP•2/2/23, 11:34 AM

otherwise, im doing the same to extract the bytes from the url so...

LLexaro macOS?

Binto86OP•2/2/23, 11:34 AM

webassembly

Lexaro•2/2/23, 11:34 AM

okay one second

Lexaro•2/2/23, 11:35 AM

@Binto86 so i try to write a code for u with SkiaSharp

Binto86OP•2/2/23, 11:36 AM

thank you

Binto86OP•2/2/23, 11:37 AM

i did try skiasharp but i couldn't get it to work with

SKBitmap.Decode

SKBitmap.Decode

or anything

Binto86OP•2/2/23, 11:37 AM

im trying ImageSharp now

Lexaro•2/2/23, 11:39 AM

using System;
using System.IO;
using SkiaSharp;

namespace ImageConversion
{
    public class Program
    {
        public static byte[] ConvertDataUrlToImageBytes(string dataUrl)
        {
            string base64 = dataUrl.Split(',')[1];

            byte[] imageBytes = Convert.FromBase64String(base64);

            using (MemoryStream ms = new MemoryStream(imageBytes))
            {
                using (SKManagedStream skStream = new SKManagedStream(ms))
                using (SKBitmap bitmap = SKBitmap.Decode(skStream))
                {
                    using (SKBitmap resizedBitmap = new SKBitmap(100, 100))
                    using (SKCanvas canvas = new SKCanvas(resizedBitmap))
                    {
                        canvas.DrawBitmap(bitmap, new SKRect(0, 0, 100, 100), BitmapStretch.Uniform);

                        using (MemoryStream resizedMs = new MemoryStream())
                        {
                            SKImage.FromBitmap(resizedBitmap).Save(resizedMs, SKEncodedImageFormat.Jpeg);
                            return resizedMs.ToArray();
                        }
                    }
                }
            }
        }
    }
}

using System;
using System.IO;
using SkiaSharp;

namespace ImageConversion
{
    public class Program
    {
        public static byte[] ConvertDataUrlToImageBytes(string dataUrl)
        {
            string base64 = dataUrl.Split(',')[1];

            byte[] imageBytes = Convert.FromBase64String(base64);

            using (MemoryStream ms = new MemoryStream(imageBytes))
            {
                using (SKManagedStream skStream = new SKManagedStream(ms))
                using (SKBitmap bitmap = SKBitmap.Decode(skStream))
                {
                    using (SKBitmap resizedBitmap = new SKBitmap(100, 100))
                    using (SKCanvas canvas = new SKCanvas(resizedBitmap))
                    {
                        canvas.DrawBitmap(bitmap, new SKRect(0, 0, 100, 100), BitmapStretch.Uniform);

                        using (MemoryStream resizedMs = new MemoryStream())
                        {
                            SKImage.FromBitmap(resizedBitmap).Save(resizedMs, SKEncodedImageFormat.Jpeg);
                            return resizedMs.ToArray();
                        }
                    }
                }
            }
        }
    }
}

Lexaro•2/2/23, 11:39 AM

@Binto86 try that

Lexaro•2/2/23, 11:47 AM

@Binto86 working?

Binto86OP•2/2/23, 11:48 AM

my SKImage doesn't have Save function

Binto86OP•2/2/23, 11:48 AM

im trying to solve that

Binto86OP•2/2/23, 11:52 AM

ok, did this instad

SKData d = SKImage.FromBitmap(bitmap).Encode(SKEncodedImageFormat.Png, 100);
d.SaveTo(resizedMs);

SKData d = SKImage.FromBitmap(bitmap).Encode(SKEncodedImageFormat.Png, 100);
d.SaveTo(resizedMs);

Binto86OP•2/2/23, 11:52 AM

now im getting the bytes back

Binto86OP•2/2/23, 11:53 AM

i just can't tell if its actually resized or not

Binto86OP•2/2/23, 11:53 AM

anyways, thank you very much

BBinto86 i just can't tell if its actually resized or not

Lexaro•2/2/23, 11:53 AM

You can check the size of the resized image by comparing the width and height properties of the original SKBitmap and the resized SKBitmap.

Binto86OP•2/2/23, 11:53 AM

i don't think it was

Binto86OP•2/2/23, 11:54 AM

but i changed the code a bit

Binto86OP•2/2/23, 11:54 AM

so hopefully

Lexaro•2/2/23, 11:54 AM

okay

Lexaro•2/2/23, 11:54 AM

text me if u need help again

Binto86OP•2/2/23, 11:55 AM

yes it works

Binto86OP•2/2/23, 11:55 AM

tysm

Lexaro•2/2/23, 11:55 AM

No Problem

Binto86OP•2/2/23, 11:55 AM

the skiasharp lib is acting really weird and unexpectedly

BBinto86 the skiasharp lib is acting really weird and unexpectedly

Lexaro•2/2/23, 11:56 AM

What is happening?

Lexaro•2/2/23, 11:56 AM

How long have you been programming with csharp? @Binto86

Binto86OP•2/2/23, 11:56 AM

rn nothing as its solved

LLexaro How long have you been programming with csharp? @Binto86

Binto86OP•2/2/23, 11:56 AM

2 years

Lexaro•2/2/23, 11:57 AM

okok

Binto86OP•2/2/23, 11:57 AM

the api of the lib is just weird imo

BBinto86 the skiasharp lib is acting really weird and unexpectedly

Lexaro•2/2/23, 11:59 AM

i correct the code

Lexaro•2/2/23, 11:59 AM

wait

Lexaro•2/2/23, 12:00 PM

using System;
using System.IO;
using SkiaSharp;

namespace ImageConversion
{
    public class Program
    {
        public static byte[] ConvertDataUrlToImageBytes(string dataUrl)
        {
            string base64 = dataUrl.Split(',')[1];

            byte[] imageBytes = Convert.FromBase64String(base64);

            using (MemoryStream ms = new MemoryStream(imageBytes))
            {
                using (SKManagedStream skStream = new SKManagedStream(ms))
                using (SKBitmap bitmap = SKBitmap.Decode(skStream))
                {
                    using (SKBitmap resizedBitmap = new SKBitmap(100, 100))
                    using (SKCanvas canvas = new SKCanvas(resizedBitmap))
                    {
                        canvas.DrawBitmap(bitmap, new SKRect(0, 0, 100, 100), BitmapStretch.Uniform);

                        using (MemoryStream resizedMs = new MemoryStream())
                        {
                            SKData d = SKImage.FromBitmap(resizedBitmap).Encode(SKEncodedImageFormat.Png, 100);
                            d.SaveTo(resizedMs);
                            return resizedMs.ToArray();
                        }
                    }
                }
            }
        }
    }
}

using System;
using System.IO;
using SkiaSharp;

namespace ImageConversion
{
    public class Program
    {
        public static byte[] ConvertDataUrlToImageBytes(string dataUrl)
        {
            string base64 = dataUrl.Split(',')[1];

            byte[] imageBytes = Convert.FromBase64String(base64);

            using (MemoryStream ms = new MemoryStream(imageBytes))
            {
                using (SKManagedStream skStream = new SKManagedStream(ms))
                using (SKBitmap bitmap = SKBitmap.Decode(skStream))
                {
                    using (SKBitmap resizedBitmap = new SKBitmap(100, 100))
                    using (SKCanvas canvas = new SKCanvas(resizedBitmap))
                    {
                        canvas.DrawBitmap(bitmap, new SKRect(0, 0, 100, 100), BitmapStretch.Uniform);

                        using (MemoryStream resizedMs = new MemoryStream())
                        {
                            SKData d = SKImage.FromBitmap(resizedBitmap).Encode(SKEncodedImageFormat.Png, 100);
                            d.SaveTo(resizedMs);
                            return resizedMs.ToArray();
                        }
                    }
                }
            }
        }
    }
}

Lexaro•2/2/23, 12:00 PM

this should be a better version of the code and should work fine

Lexaro•2/2/23, 12:00 PM

@Binto86

Binto86OP•2/2/23, 12:12 PM

yes this is what i changed your original code to and works just fine

using System; using System.Drawing; using System.Drawing.Imaging; using System.IO; namespace ImageConversionToHelpBinto86 { class Program { static void Main(string[] args) { string dataUrl = ""; string base64 = dataUrl.Split(',')[1]; byte[] imageBytes = Convert.FromBase64String(base64); using (MemoryStream ms = new MemoryStream(imageBytes)) { Image image = Image.FromStream(ms); Bitmap resizedImage = new Bitmap(image, new Size(100, 100)); byte[] resizedImageBytes; using (MemoryStream resizedMs = new MemoryStream()) { resizedImage.Save(resizedMs, ImageFormat.Jpeg); resizedImageBytes = resizedMs.ToArray(); } } } } }

using System; using System.IO; using SkiaSharp; namespace ImageConversion { public class Program { public static byte[] ConvertDataUrlToImageBytes(string dataUrl) { string base64 = dataUrl.Split(',')[1]; byte[] imageBytes = Convert.FromBase64String(base64); using (MemoryStream ms = new MemoryStream(imageBytes)) { using (SKManagedStream skStream = new SKManagedStream(ms)) using (SKBitmap bitmap = SKBitmap.Decode(skStream)) { using (SKBitmap resizedBitmap = new SKBitmap(100, 100)) using (SKCanvas canvas = new SKCanvas(resizedBitmap)) { canvas.DrawBitmap(bitmap, new SKRect(0, 0, 100, 100), BitmapStretch.Uniform); using (MemoryStream resizedMs = new MemoryStream()) { SKImage.FromBitmap(resizedBitmap).Save(resizedMs, SKEncodedImageFormat.Jpeg); return resizedMs.ToArray(); } } } } } } }

using System; using System.IO; using SkiaSharp; namespace ImageConversion { public class Program { public static byte[] ConvertDataUrlToImageBytes(string dataUrl) { string base64 = dataUrl.Split(',')[1]; byte[] imageBytes = Convert.FromBase64String(base64); using (MemoryStream ms = new MemoryStream(imageBytes)) { using (SKManagedStream skStream = new SKManagedStream(ms)) using (SKBitmap bitmap = SKBitmap.Decode(skStream)) { using (SKBitmap resizedBitmap = new SKBitmap(100, 100)) using (SKCanvas canvas = new SKCanvas(resizedBitmap)) { canvas.DrawBitmap(bitmap, new SKRect(0, 0, 100, 100), BitmapStretch.Uniform); using (MemoryStream resizedMs = new MemoryStream()) { SKData d = SKImage.FromBitmap(resizedBitmap).Encode(SKEncodedImageFormat.Png, 100); d.SaveTo(resizedMs); return resizedMs.ToArray(); } } } } } } }