Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

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

详细说明

没有其他说明

参考文章

文档标签和贡献者

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