---- 淘宝优惠券 ----资源下载 ---域名问题某些图片和js资源无法访问,导致一些代码实例无法运行!(代码里gzui.net换成momen.vip即可)

FileReader.readAsDataURL读取指定Blob或File的内容

前端开发 蚂蚁 14665℃ 0评论

readAsDataURL方法用于读取指定Blob或File的内容。当读操作完成,readyState变为DONE, loadend被触发,此时result属性包含数据:URL以base64编码的字符串表示文件的数据。

定义

instanceOfFileReader.readAsDataURL(blob);

参数

blob
需要读取的Blob或File

例子

HTML

<input type="file" onchange="previewFile()"><br>
<img src="" height="200" alt="Image preview...">

JavaScript

function previewFile() {
var preview = document.querySelector('img');
var file = document.querySelector('input[type=file]').files[0];
var reader = new FileReader();
reader.onloadend = function () {
preview.src = reader.result;
}
if (file) {
reader.readAsDataURL(file);
} else {
preview.src = "";
}
}

http://blog.okbase.net/jquery2000/archive/1295.html

转载请注明:有爱前端 » FileReader.readAsDataURL读取指定Blob或File的内容

喜欢 (3)or分享 (0)
发表我的评论
取消评论

表情