Home javascript Please explain in simple language what makes readasdataurl from FileReader

Please explain in simple language what makes readasdataurl from FileReader

Author

Date

Category

Sample code where it is used:

onattachmentchange (E) {
        var app = this;
        var arrfiles = [];
        For (var i = 0; i & lt; e.target.files.length; I ++) {
          arrfiles [i] = e.target.files [i];
          var Reader = New FileReader ();
          Reader.Onload = (E) = & gt; {
            app.imagesdata.push (E.Target.Result);
          }
          Reader.ReadasdataURL (E.Target.Files [i]);
        }
        app.files = app.files.concat (arrfiles);
      }

This is an input handler to select files


Answer 1, Authority 100%

The output will be a similar thumb line

"data: image / svg + xml; base64, pd94bwwgdm ...."

can be used as a link, for example, so

JS Window. Open ('Data: Text / Html; Charset = UTF-8, ...')

css div {background-image: url (data: image / jpeg; base64, ...);}

HTML & lt; img src = "data: image / svg + xml; base64, ... / & gt;"


Answer 2

readasdataurl reads the file and transmits its contents as Base64 string

onattachmentchange (E) {
  var app = this;
  var arrfiles = [];
  For (var i = 0; i & lt; e.target.files.length; I ++) {
    arrfiles [i] = e.target.files [i];
    var Reader = New FileReader ();
    Reader.Onload = (E) = & gt; {
      // transmits its contents (E.Target.Result) to the array of imagesData
      app.imagesdata.push (E.Target.Result);
    }
    // reads file.
    Reader.ReadasdataURL (E.Target.Files [i]);
  }
  app.files = app.files.concat (arrfiles);
}

Programmers, Start Your Engines!

Why spend time searching for the correct question and then entering your answer when you can find it in a second? That's what CompuTicket is all about! Here you'll find thousands of questions and answers from hundreds of computer languages.

Recent questions