Sorry, your browser does not support JavaScript!

Have an account?

Don't have account,

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

1+5 = ? ( 6 )

Have an account?

You must login to ask question.

Need An Account,

You must login to add post.

Need An Account,
Search
Ask A Question

LEARN, SHARE KNOWLEDGE & WORK TOGETHER

Aviance School is one of the largest web solutions platform in India for developers to learn and share​ ​their programming ​knowledge and build their careers.

Ask A Question
Home / Questions / Q 8321
Next
In Process
  • 0
Asked: In:

How to convert base64 image to blob image in ionic?

  • 0

How to convert base64 image to blob image in ionic?

Ionic
Share

    2 Answers

    1. Professional

      import { Camera, CameraOptions } from ‘@ionic-native/camera/ngx’;

      constructor(private camera: Camera) { }

      …

      const options: CameraOptions = {
      quality: 100,
      destinationType: this.camera.DestinationType.FILE_URI,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE
      }

      this.camera.getPicture(options).then((imageData) => {
      // imageData is either a base64 encoded string or a file URI
      // If it’s base64 (DATA_URL):
      let base64Image = ‘data:image/jpeg;base64,’ + imageData;
      }, (err) => {
      // Handle error
      });

      • 0
    2. Pundit

      Convert base64 image to blob image

      function dataURItoBlob(dataURI, callback) {
      // convert base64 to raw binary data held in a string
      var byteString = atob(dataURI.split(',')[1]);

      // separate out the mime component
      var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]

      // write the bytes of the string to an ArrayBuffer
      var ab = new ArrayBuffer(byteString.length);
      var ia = new Uint8Array(ab);
      for (var i = 0; i < byteString.length; i++) {
      ia[i] = byteString.charCodeAt(i);
      }

      // write the ArrayBuffer to a blob, and you're done
      var bb = new Blob([ab]);
      return bb;
      }

       

      • 0

    Leave an answer