<div>
Ive written the following, which Ive tried to run as 'getDataFile("myInput")' however when it runs, I just get undefined returned<br><pre><code class="code-10 nolinks" id="code-20-43095028-1">&nbsp; &nbsp; &nbsp; function getDataFile(inputFile) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var fileInput = document.getElementById(inputFile);


&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var reader = new FileReader();
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var retData;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;reader.readAsDataURL(fileInput.files[0]);


&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;reader.onload = function () {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;retData = reader.result;//base64encoded string
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;};
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;reader.onerror = function (error) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;console.log('Error: ', error);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;};
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;return retData;
&nbsp; &nbsp; &nbsp; }</code></pre>Any ideas what Ive done wrong to get the blob data?<br><br>
</div>


Ive written the following, which Ive tried to run as 'getDataFile("myInput")' however when it runs, I just get undefined returned


      function getDataFile(inputFile) {
         var fileInput = document.getElementById(inputFile);


         var reader = new FileReader();
         var retData;
         reader.readAsDataURL(fileInput.files[0]);


         reader.onload = function () {
            retData = reader.result;//base64encoded string
         };
         reader.onerror = function (error) {
            console.log('Error: ', error);
         };
         return retData;
      }

Any ideas what Ive done wrong to get the blob data?



tonelm54

<div>
<div class="content wysiwyg-content">
Im working on an offline application, is there a way I can get the element:-<br />

<pre><code id="code-10-29183621-1">&lt;input type=&quot;file&quot; id=&quot;fliBlob&quot; /&gt;</code></pre>
and get the blob data in base64 for it so I can store it in a LocalStorage for upload later? Im assuming I will also need to get the filename if possible.<br />
<br />
Any ideas?
</div>
</div>


Im working on an offline application, is there a way I can get the element:-
(CODE)
and get the blob data in base64 for it so I can store it in a LocalStorage for upload later? Im assuming I will also need to get the filename if possible.

Any ideas?

Get input file to blob

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.