Convert from a DataUrl to an Image in C# and write a file with the bytes

» chash » Convert from a DataUrl to an Image in C# and write a file with the bytes

By : Walter Weinzinger

Date : November 22 2020, 01:01 AM

Any of those help As @SLaks mentioned I didn't need a MemoryStream, the problem with my code was the path and the filename for further help this is the working code:

code :

if (newItem.FieldType == FormFieldType.Signature)
{
    if (newItem.ItemValue != null)
    {
        //string completeImageName = Auth.host + "/" + li[i];
        string path;
        string filename;
        string stringName = newItem.ItemValue;

        var base64Data = Regex.Match(stringName, @"data:image/(?<type>.+?),(?<data>.+)").Groups["data"].Value;
        var binData = Convert.FromBase64String(base64Data);

        path = Environment.GetFolderPath(Environment.SpecialFolder.MyDocuments);

        //filename = Path.Combine(path, base64Data.Replace(@"/", string.Empty));

        long milliseconds = DateTime.Now.Ticks / TimeSpan.TicksPerMillisecond;
        string fileName = "Sn" + milliseconds.ToString() + ".PNG";
        filename = Path.Combine(path, fileName);

        if (!File.Exists(filename))
        {
            //using (var stream = new MemoryStream(binData))
            //{
                File.WriteAllBytes(filename, binData);
            //}
        }

        newItem.ItemValue = filename;

    }
}

App.Database.SaveReportItem(newItem);

Share :

How to convert a local image file to a dataurl for use in image src

By : allen_chou

Date : March 29 2020, 07:55 AM

Does that help Take a look at this article, as it describes how to convert a ByteArray into a png image.
ps: The PNGEncoder class is part of the as3corelib.

Convert image to bytes and then write to new file

By : Ibrahim Oman

Date : March 29 2020, 07:55 AM

hop of those help? Given a Vec, you can get a &[T] out of it in two ways:

Convert DataURL image to image file in java

By : Nanda Kumar

Date : March 29 2020, 07:55 AM

it helps some times I am receiving image DataURL in my java servlet it looks like: , The simplest way1 to do it is as follows:

code :

String str = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAA...";
byte[] imagedata = DatatypeConverter.parseBase64Binary(str.substring(str.indexOf(",") + 1));
BufferedImage bufferedImage = ImageIO.read(new ByteArrayInputStream(imagedata));
ImageIO.write(bufferedImage, "png", new File("img.png"));

How to get dataurl and display dataurl as image using cropper plugin

By : Austin

Date : March 29 2020, 07:55 AM

Hope this helps Been going through the cropper JavaScript plugin for cropping images for days. Can't figure it out. I'm a php person and JavaScript looks like Greek to me. Seems all the examples I've seen from google search assume the reader actually are familiar with JavaScript and I'm not. My challenge is which of the cropper methods actually stores the dataurl and how do I retrieve it to pass to a php script for processing into an image or to a JavaScript function to display on the same page as an image. , From the README.md on their github, it looks like you call this:

code :

var dataURL = $().cropper('getCroppedCanvas').toDataURL('image/jpeg');

Convert image URL to dataURL - Javascript

By : Anil

Date : March 29 2020, 07:55 AM

it helps some times I resolved this using FileReader. use the following function and pass the url and callback.

code :

export const toDataUrl = (url, callback) => {
  const xhr = new XMLHttpRequest();
  xhr.onload = () => {
      const reader = new FileReader();
      reader.onloadend = () => {
          callback(reader.result);
      };
      reader.readAsDataURL(xhr.response);
  };
  xhr.open('GET', url);
  xhr.responseType = 'blob';
  xhr.send();
};

toDataUrl('https://lookaside.facebook.com/platform/profilepic/?asid=10210663114564932&height=50&width=50&ext=1523007763&hash=AeSavHT5oXVEMq4w', (myBase64) => {
              console.log(myBase64); // myBase64 is the base64 string
            });