FileReader.readAsDataURL()

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("виберіть зображення!");

Отримати файл у форматі Data URL.

Відкрити файл:

document.getElementById("testFileOpen").onchange=function(e){
var read= new FileReader();
read.onload=function(){
  document.getElementById("testDataURLResult").value=this.result;
};
read.readAsDataURL(this.files[0]);
}