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);
}