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

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

THE END
分享
二维码
打赏
< <上一篇
下一篇>>