{"json_modified": "2016-10-11T21:14:55.394251", "uuid": "9bce8970-3f4f-4994-b4cd-968f2c6eefe9", "title": "FileReader.readAsDataURL()", "url": "/en-US/docs/Web/API/FileReader/readAsDataURL", "tags": ["Files", "Reference", "Method", "API", "File API"], "translations": [{"uuid": "0408087b-38e9-4a86-af81-236939f4bd27", "title": "FileReader.readAsDataURL()", "url": "/es/docs/Web/API/FileReader/readAsDataURL", "tags": ["metodo", "Metodo", "Archivos", "Referencia"], "summary": "El m\u00e9todo\u00a0<code>readAsDataURL</code>\u00a0es usado para leer el contenido del especificado\u00a0<a href=\"/es/docs/Web/API/Blob\" title=\"Un objeto&#xA0;Blob&#xA0;representa un objeto tipo fichero de &#xA0;datos planos inmutables. Los Blobs representan datos que no necesariamente se encuentran en un formato nativo de JavaScript. La interfaz File se encuentra basada en un&#xA0;Blob, heredando y expendiendo la funcionalidad de un Blob para soportar archivos en el sistema del usuario.\"><code>Blob</code></a> o\u00a0<a href=\"/es/docs/Web/API/File\" title=\"La interfaz&#xA0;File&#xA0;provee informaci&#xF3;n acerca de los archivos y permite el acceso a su contenido.\"><code>File</code></a>. \u00a0Cuando la operaci\u00f3n de lectura es terminada,\u00a0el\u00a0<a href=\"/es/docs/Web/API/FileReader/readyState\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>readyState</code></a> se convierte en\u00a0<code>DONE</code>, y\u00a0el\u00a0<code><a href=\"/es/docs/Web/Reference/Events/loadend\" title=\"/es/docs/Web/Reference/Events/loadend\">loadend</a></code> es\u00a0lanzado. En ese momento, el\u00a0atributo\u00a0<a href=\"/es/docs/Web/API/FileReader/result\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>result</code></a> contiene\u00a0 la<code>\u00a0informaci\u00f3n\u00a0como una\u00a0</code>URL representando la informaci\u00f3n del archivo como una\u00a0cadena de caracteres codificados en\u00a0base64.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2015-12-19T10:18:47", "review_tags": []}, {"uuid": "a853ed0e-81b2-42b8-8863-9ace223cc4c3", "title": "FileReader.readAsDataURL()", "url": "/ja/docs/Web/API/FileReader/readAsDataURL", "tags": [], "summary": "<code>readAsDataURL</code> \u30e1\u30bd\u30c3\u30c9\u306f\u3001\u6307\u5b9a\u3055\u308c\u305f <a href=\"/ja/docs/Web/API/Blob\" title=\"Blob &#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x306F;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306B;&#x4F3C;&#x305F;&#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x3067;&#x3001;immutable &#x306A;&#x751F;&#x30C7;&#x30FC;&#x30BF;&#x3067;&#x3059;&#x3002;&#x30C7;&#x30FC;&#x30BF;&#x3092;&#x8868;&#x3059; blob &#x306F;&#x5FC5;&#x305A;&#x3057;&#x3082; JavaScript &#x30CD;&#x30A4;&#x30C6;&#x30A3;&#x30D6;&#x306A;&#x30D5;&#x30A9;&#x30FC;&#x30DE;&#x30C3;&#x30C8;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x3002;File &#x30A4;&#x30F3;&#x30BF;&#x30FC;&#x30D5;&#x30A7;&#x30FC;&#x30B9;&#x306F; Blob &#x3092;&#x57FA;&#x790E;&#x306B;&#x3057;&#x3066;&#x304A;&#x308A;&#x3001;&#x305D;&#x306E;&#x6A5F;&#x80FD;&#x3092;&#x7D99;&#x627F;&#x3059;&#x308B;&#x4E00;&#x65B9;&#x3067;&#x3001;&#x30E6;&#x30FC;&#x30B6;&#x306E;&#x30B7;&#x30B9;&#x30C6;&#x30E0;&#x4E0A;&#x306E;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x3092;&#x30B5;&#x30DD;&#x30FC;&#x30C8;&#x3059;&#x308B;&#x305F;&#x3081;&#x306E;&#x6A5F;&#x80FD;&#x3092;&#x62E1;&#x5F35;&#x3057;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\"><code>Blob</code></a> \u306a\u3044\u3057 <a href=\"/ja/docs/Web/API/File\" title=\"FIle &#x30A4;&#x30F3;&#x30BF;&#x30FC;&#x30D5;&#x30A7;&#x30A4;&#x30B9;&#x306F;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x60C5;&#x5831;&#x3084;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x306B;&#x30A2;&#x30AF;&#x30BB;&#x30B9;&#x3059;&#x308B;&#x6A5F;&#x80FD;&#x3092;&#x63D0;&#x4F9B;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>File</code></a> \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u8aad\u307f\u8fbc\u3080\u305f\u3081\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002\u8aad\u8fbc\u51e6\u7406\u304c\u7d42\u4e86\u3059\u308b\u3068 <a href=\"/ja/docs/Web/API/FileReader/readyState\" title=\"&#x8AAD;&#x8FBC;&#x51E6;&#x7406;&#x306B;&#x304A;&#x3051;&#x308B;&#x73FE;&#x5728;&#x306E;&#x72B6;&#x6CC1;&#x3092;&#x8868;&#x3059;&#x5024;&#x3092;&#x8FD4;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>readyState</code></a> \u306f <code>DONE</code> \u306b\u5909\u308f\u308a\u3001 <code><a href=\"/ja/docs/Web/Reference/Events/loadend\" title=\"/ja/docs/Web/Reference/Events/loadend\">loadend</a></code> \u30a4\u30d9\u30f3\u30c8\u304c\u751f\u3058\u307e\u3059\u3002\u305d\u308c\u3068\u540c\u6642\u306b <a href=\"/ja/docs/Web/API/FileReader/result\" title=\"&#x8AAD;&#x307F;&#x8FBC;&#x3093;&#x3060;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x5185;&#x5BB9;&#x3092;&#x8FD4;&#x3057;&#x307E;&#x3059;&#x3002;&#x3053;&#x306E;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x8AAD;&#x307F;&#x8FBC;&#x307F;&#x304C;&#x7D42;&#x4E86;&#x3057;&#x305F;&#x5F8C;&#x306B;&#x6709;&#x52B9;&#x306B;&#x306A;&#x308A;&#x3001;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306E;&#x30C7;&#x30FC;&#x30BF;&#x578B;&#x306F;&#x8AAD;&#x8FBC;&#x51E6;&#x7406;&#x3092;&#x884C;&#x3046;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x306B;&#x3088;&#x3063;&#x3066;&#x5909;&#x308F;&#x308A;&#x307E;&#x3059;&#x3002;\"><code>result</code></a> \u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u306f\u30d5\u30a1\u30a4\u30eb\u306e\u30c7\u30fc\u30bf\u3092\u8868\u3059\u3001base64 \u30a8\u30f3\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3055\u308c\u305f <code>data:</code> URL \u306e\u6587\u5b57\u5217\u304c\u683c\u7d0d\u3055\u308c\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2015-03-14T22:45:08", "review_tags": []}, {"uuid": "1b285756-c495-4e55-92c3-9929beee2448", "title": "FileReader.readAsDataURL()", "url": "/ko/docs/Web/API/FileReader/readAsDataURL", "tags": [], "summary": "", "localization_tags": ["inprogress"], "locale": "ko", "last_edit": "2016-10-11T21:14:48", "review_tags": []}, {"uuid": "7af7a5d3-54d9-4a16-8d65-e6595013d6e0", "title": "FileReader.readAsDataURL()", "url": "/pt-BR/docs/Web/API/FileReader/readAsDataURL", "tags": ["Files", "API", "Method", "Image Preview", "File API"], "summary": "O m\u00e9todo <code>readAsDataURL \u00e9 usado para ler o conte\u00fado do tipo\u00a0</code><a href=\"/pt-BR/docs/Web/API/Blob\" title=\"A Blob object represents a file-like object of immutable, raw data. Blobs representam dados que n&#xE3;o est&#xE3;o necess&#xE1;riamente em formatos padr&#xF5;es do JavaScript. A interface File &#xE9; baseada no Bloob, inheriting blob functionality and expanding it to support files on the user's system.\"><code>Blob</code></a> ou <a href=\"/pt-BR/docs/Web/API/File\" title=\"A interface&#xA0;File prov&#xEA; informa&#xE7;&#xF5;es sobre -- e acesso ao conte&#xFA;do de -- arquivos.\"><code>File</code></a>.<br/>\n Quando a opera\u00e7\u00e3o de leitura acaba, a flag\u00a0<a href=\"/pt-BR/docs/Web/API/FileReader/readyState\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>readyState</code></a> muda para <strong>DONE</strong>\u00a0e o evento\u00a0<code><a href=\"/pt-BR/docs/Web/Reference/Events/loadend\" title=\"/pt-BR/docs/Web/Reference/Events/loadend\">loadend</a></code> \u00e9 disparado.<br/>\n Ent\u00e3o o\u00a0atributo\u00a0<a href=\"/pt-BR/docs/Web/API/FileReader/result\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>result</code></a> ir\u00e1 conter a URL codificada\u00a0em\u00a0base64 do arquivo.", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2015-07-16T07:12:36", "review_tags": ["technical"]}, {"uuid": "84dc7de2-6d0a-414d-9796-c5167875e9b0", "title": "FileReader.readAsDataURL()", "url": "/ru/docs/Web/API/FileReader/readAsDataURL", "tags": [], "summary": "<code><font face=\"Open Sans, Arial, sans-serif\">\u041c\u0435\u0442\u043e\u0434\u00a0</font>readAsDataURL</code> \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u00a0\u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0433\u043e <a href=\"/ru/docs/Web/API/Blob\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>Blob</code></a> \u0438\u043b\u0438 <a href=\"/ru/docs/Web/API/File\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>File</code></a>.\u041a\u043e\u0433\u0434\u0430 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u0441\u044f, <a href=\"/ru/docs/Web/API/FileReader/readyState\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>readyState</code></a> \u043f\u0440\u0438\u043c\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u00a0<code>DONE</code>, \u0438 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u043d\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0435 <code><a href=\"/ru/docs/Web/Reference/Events/loadend\" title=\"/ru/docs/Web/Reference/Events/loadend\">loadend</a></code>. \u0412 \u0442\u043e \u0436\u0435 \u0432\u0440\u0435\u043c\u044f, \u0430\u0442\u0442\u0440\u0438\u0431\u0443\u0442\u00a0\u00a0<a href=\"/ru/docs/Web/API/FileReader/result\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>result</code></a> \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435<code>\u00a0\u043a\u0430\u043a URL, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0439 \u0444\u0430\u0439\u043b, \u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u043d\u044b\u0439 \u0432</code>\u00a0base64 \u0441\u0442\u0440\u043e\u043a\u0443.", "localization_tags": [], "locale": "ru", "last_edit": "2015-12-19T05:15:23", "review_tags": ["editorial"]}, {"uuid": "913d334b-f774-4c3e-a19e-849085904ad6", "title": "FileReader.readAsDataURL()", "url": "/tr/docs/Web/API/FileReader/readAsDataURL", "tags": [], "summary": "The <code>readAsDataURL</code> method is used to read the contents of the specified <a href=\"/tr/docs/Web/API/Blob\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>Blob</code></a> or <a href=\"/tr/docs/Web/API/File\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>File</code></a>. When the read operation is finished, the <a href=\"/tr/docs/Web/API/FileReader/readyState\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>readyState</code></a> becomes <code>DONE</code>, and the <code><a href=\"/tr/docs/Web/Reference/Events/loadend\" title=\"/tr/docs/Web/Reference/Events/loadend\">loadend</a></code> is triggered. At that time, the <a href=\"/tr/docs/Web/API/FileReader/result\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>result</code></a> attribute contains\u00a0 <code>the data as a </code>URL representing the file's data as a base64 encoded string.", "localization_tags": ["inprogress"], "locale": "tr", "last_edit": "2015-12-21T01:42:48", "review_tags": []}], "modified": "2016-01-17T22:21:50", "label": "FileReader.readAsDataURL()", "localization_tags": [], "locale": "en-US", "id": 83323, "last_edit": "2016-01-17T22:21:47", "summary": "The <code>readAsDataURL</code> method is used to read the contents of the specified <a href=\"/en-US/docs/Web/API/Blob\" title=\"A Blob object represents a file-like object of immutable, raw data. Blobs represent data that isn't necessarily in a JavaScript-native format. The File interface is based on Blob, inheriting blob functionality and expanding it to support files on the user's system.\"><code>Blob</code></a> or <a href=\"/en-US/docs/Web/API/File\" title=\"The File interface provides information about files and allows JavaScript in a web page to access their content.\"><code>File</code></a>. When the read operation is finished, the <a href=\"/en-US/docs/Web/API/FileReader/readyState\" title=\"Provides the current state of the reading operation.\"><code>readyState</code></a> becomes <code>DONE</code>, and the <code><a href=\"/en-US/docs/Web/Events/loadend\" title=\"/en-US/docs/Web/Events/loadend\">loadend</a></code> is triggered. At that time, the <a href=\"/en-US/docs/Web/API/FileReader/result\" title=\"Returns the file's contents. This property is only valid after the read operation is complete, and the format of the data depends on which of the methods was used to initiate the read operation.\"><code>result</code></a> attribute contains\u00a0 <code>the data as a </code>URL representing the file's data as a base64 encoded string.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Parameters", "title": "Parameters"}, {"id": "Example", "title": "Example"}, {"id": "HTML", "title": "HTML"}, {"id": "JavaScript", "title": "JavaScript"}, {"id": "Live_Result", "title": "Live Result"}, {"id": "Example_reading_multiple_files", "title": "Example reading multiple files"}, {"id": "HTML_2", "title": "HTML"}, {"id": "JavaScript_2", "title": "JavaScript"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/FileReader/readAsDataURL", "review_tags": []}