File.getAsDataURL() - Web API 接口参考 编辑

非标准
该特性是非标准的，请尽量不要在生产环境中使用它！

已废弃 Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4)
该特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。

概述

getAsDataURL函数返回一个形如data: 的 URL，这个URL包含了所涉及到的内容的编码形式。

注： 这个方法已经废弃，你应该使用 FileReader 对象中的readAsDataURL() 方法作为替代。

语法

var url = instanceOfFile.getAsDataURL();

返回值

一个形如 data: 的URL字符串

范例

// fileInput 是一个 HTMLInputElement 元素: <input type="file" id="myfileinput" multiple>
var fileInput = document.getElementById("myfileinput");

// files 是一个 FileList 对象(类似 NodeList 对象)
var files = fileInput.files;

// 允许的文件格式数组
var accept = ["image/png"];

// img 是一个 HTMLImgElement 元素: <img id="myimg">
var img = document.getElementById("myimg");

// 假设我们接收第一个所选中的文件类型
if (accept.indexOf(files[0].mediaType) > -1) {
  // 显示图片
  // 和 <img src="data:image/png,<imagedata>"> 效果一样
  img.src = files[0].getAsDataURL();
}

详细说明

没有其他说明

参考文章

• File
• FileReader