非标准
该特性是非标准的,请尽量不要在生产环境中使用它!
已废弃 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(); }
详细说明
没有其他说明