File.getAsDataURL()

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Deprecated since Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4)
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

Sumário

O método getAsDataURL retorna um URL em estilo data: que codifica todo o conteúdo do ficheiro em questão.

Nota: Este método está obsoleto: use antes o método  readAsDataURL() de FileReader.

Sintaxe

var url = instanceOfFile.getAsDataURL();

Retorna

Uma string a representar um URL de estilo data:

Exemplo

// fileInput é um HTMLInputElement: <input type="file" id="myfileinput" multiple>
var fileInput = document.getElementById("myfileinput");

// files é um objeto FileList (parecido ao NodeList)
var files = fileInput.files;

// accept é um array com tipos de ficheiros aceites
var accept = ["image/png"];

// img é um HTMLImgElement: <img id="myimg">
var img = document.getElementById("myimg");

// se aceitamos o primeiro tipo de ficheiro selecionado
if (accept.indexOf(files[0].mediaType) > -1) {
  // apresentar a imagem
  // igual a <img src="data:image/png,<imagedata>">
  img.src = files[0].getAsDataURL();
}

Especificação

Não pertence a nenhuma especificação.

Ver também