File.getAsDataURL()

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

已废弃 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();
}

详细说明

没有其他说明

参考文章

文档标签和贡献者

 此页面的贡献者: Liiked, ThomasSoloist
 最后编辑者: Liiked,