diff options
Diffstat (limited to 'files/ru/web/api/file/getasdataurl/index.html')
-rw-r--r-- | files/ru/web/api/file/getasdataurl/index.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/files/ru/web/api/file/getasdataurl/index.html b/files/ru/web/api/file/getasdataurl/index.html new file mode 100644 index 0000000000..881c5815b8 --- /dev/null +++ b/files/ru/web/api/file/getasdataurl/index.html @@ -0,0 +1,64 @@ +--- +title: File.getAsDataURL() +slug: Web/API/File/getAsDataURL +tags: + - API + - File API + - Files + - Method +translation_of: Web/API/File/getAsDataURL +--- +<div>{{APIRef("File API") }}</div> + +<p>{{non-standard_header}}</p> + +<p>{{deprecated_header(7.0)}}</p> + +<h2 id="Описание">Описание</h2> + +<p>Метод getAsDataURL возвращает содержимое файла закодированное в формате <a href="/en-US/docs/data_URIs"><code>data:</code></a> URL</p> + +<div class="note"> +<p><strong>Примечание:</strong> Этот метод является устаревшим; предпочтительнее использовать {{domxref ("FileReader")}} Метод {{domxref ("FileReader.readAsDataURL", "readAsDataURL ()")}} вместо этого.</p> +</div> + +<h2 id="Синтаксис">Синтаксис</h2> + +<pre>var url = <em>instanceOfFile</em>.getAsDataURL();</pre> + +<h3 id="Возвращает">Возвращает</h3> + +<p>Строку в формате <a href="/en-US/docs/data_URIs"><code>data:</code></a> URL</p> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: js">// fileInput is a HTMLInputElement: <input type="file" id="myfileinput" multiple> +var fileInput = document.getElementById("myfileinput"); + +// files is a FileList object (similar to NodeList) +var files = fileInput.files; + +// array with acceptable file types +var accept = ["image/png"]; + +// img is a HTMLImgElement: <img id="myimg"> +var img = document.getElementById("myimg"); + +// if we accept the first selected file type +if (accept.indexOf(files[0].mediaType) > -1) { + // display the image + // same as <img src="data:image/png,<imagedata>"> + img.src = files[0].getAsDataURL(); +} +</pre> + +<h2 id="Спецификация">Спецификация</h2> + +<p>Не является частью какой-либо спецификации</p> + +<h2 id="Смотрите_также">Смотрите также</h2> + +<ul> + <li>{{domxref("File")}}</li> + <li>{{domxref("FileReader")}}</li> +</ul> |