Get base64 string of a file in ionic

Question

I am new to ionic and angular and right now I m trying to convert a file to base64 string. I am selecting file using cordova file plugin and the file could be image, pdf, doc or of any type. I have the full path to that file. How can I get the base64 string of that file? Can I use the file path to convert to base64 or what is the way to achieve this.

score 2 · Accepted Answer · answered Feb 22 '16 at 09:09

2

phonegap-base64. It is cordova plugin and worked for me as well.

answered Feb 22 '16 at 09:09

Harish Kommuri

2,825
1
22
28

Thanks Harrish ;) The simplest, easiest and to the point solution – aqarain Feb 22 '16 at 11:06
it is not working for pdf files and returning empty string. – Zohra Gadiwala Jul 08 '17 at 09:01

score 1 · Answer 2 · answered Feb 22 '16 at 09:03

1

Use angular-base64 plugin for that. The link is here: https://github.com/ninjatronic/angular-base64.
It is easy to use. Inject the dependency in module as:

angular
    .module('myApp', ['base64'])
    .controller('myController', ['$base64', '$scope',function($base64, $scope) {

            $scope.encoded = $base64.encode('a string');
            $scope.decoded = $base64.decode('YSBzdHJpbmc=');
    }]);

And,remember to include the reference in index.html.

<script src="bower_components/angular-base64/angular-base64.js"></script>

answered Feb 22 '16 at 09:03

Sunil Lama

4,531
1
18
46

Firstly, Thanks a lot Alex. but what should be the param, it takes string as param but I have pdf/img file path as param so how and what should I pass as param? – aqarain Feb 22 '16 at 09:11
1

If the param is image, you get the base64 encoded image and if the param is string you get the base64 encoded string. – Sunil Lama Feb 22 '16 at 09:19

com.ulf · Answer 3 · 2016-02-22T10:23:37.383

1

You could take a look at this:

Converts files from file input into base64

How to use it:

angular
    .module('myApp', ['base64'])
    .controller('myController', [

        '$base64', '$scope', 
        function($base64, $scope) {

            $scope.encoded = $base64.encode('a string');
            $scope.decoded = $base64.decode('YSBzdHJpbmc=');
    }]);

You could do this:

 var fileReader = new FileReader();
    fileReader.onload = function(e)
    {
        // e.target.result contains the "string" of your file
    };
    fileReader.readAsText(yourfile);

edited Feb 22 '16 at 10:23

answered Feb 22 '16 at 09:10

com.ulf

11
3

Thanks a lot com.ulf. but what should be the param, it takes string as param but I have pdf/img file path as param so how and what should I pass as param? – aqarain Feb 22 '16 at 09:14
Link only answers arent great - consider adding detail from both links in particular for this answer. – JF it Feb 22 '16 at 09:19

score 0 · Answer 4 · edited May 23 '17 at 12:34

0

try with

file.toString('base64');

you can also try reading these since it is basically a framework build on JS

Base64 encoding and decoding in client-side Javascript

edited May 23 '17 at 12:34

Community

1
1

answered Feb 22 '16 at 09:06

WebDevNewbieGirl

196
1
5

Thanks @WebDevNewbieGirl, what is file in this? – aqarain Feb 22 '16 at 09:12
In my case that was a picture(object) encoded binary form. For other types I cannot guarantee if this solution will work. – WebDevNewbieGirl Feb 22 '16 at 09:19

score 0 · Answer 5 · answered Apr 16 '21 at 06:57

0

You can use this ionic native plugin. So simple!

https://ionicframework.com/docs/native/base64/?_gl=11pn9ojn_gaMTI1NzQzODk5Ny4xNjE1NTYxMzU2_ga_REH9TJF6KF*MTYxODU1Mjk4OS45LjEuMTYxODU1MzA5Mi4w

answered Apr 16 '21 at 06:57

Udith Indrakantha

860
11
17

Get base64 string of a file in ionic

5 Answers5