用FileRader对像读取文件.可分为四步；1、创建FileReader对像；2、调用readAsDataURL方法读取文件；3、调用onload事件监听，我们一需要拿到完整的数据，但我们又不知道文件何时读完？，所以需要第三步监听；4、通过FileRader对像r的result属性拿到读取结果。
代码如下：
<body>
<input type=file id="inp">
<div id="div"></div>
</body>
<script>
inp = document.getElementById('inp');
div = document.getElementById('div');
inp.onchange = function () {
var read = new FileReader() // 创建FileReader对像;
read.readAsDataURL(this.files[0]) // 调用readAsDataURL方法读取文件;
read.onload = function () {
url = read.result // 拿到读取结果;
var img = new Image();
img.src = url;
div.appendChild(img);
}
}
</script>
扫一扫
7042
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
