FileReader.readAsDataURL() - читає дані файлу, а результатом є Data URL.
frObj.readAsDataURL( file );
frObj - об'єкт FileReader.
file - об'єкт File який необхідно прочитати.
readAsDataURL() - метод об'єкту FileReader який читає файл і записує результат у властивість FileReader.result у вигляді Data URL , який представляє дані файлу як рядкок в Base64 кодуванні.
Приклад відкриття зображення з локального пристрою:
<input id="test" type="file" accept="image/*">
var input=document.getElementById("test");
input.onchange=function(e){
var read = new FileReader();
read.onload=function(){
document.getElementById("testDataURL").src=this.result;
};
var file=input.files[0];
read.readAsDataURL(file);
}
if( document.getElementById("test").files[0]!=undefined){
var read = new FileReader();
read.onload=function(){
alert(this.result);
};
read.readAsDataURL(document.getElementById("test").files[0]);
}
else alert("виберіть зображення!");
Відкрити файл:
document.getElementById("testFileOpen").onchange=function(e){
var read= new FileReader();
read.onload=function(){
document.getElementById("testDataURLResult").value=this.result;
};
read.readAsDataURL(this.files[0]);
}