<input type="file" class="file" multiple> |
<img src="" id="img"> |
<script> |
/*获取到了文件表单元素*/ |
var file = document.querySelector(‘.file‘); |
/*选择文件后触发*/ |
file.onchange = function () { |
/*初始化了一个文件读取对象*/ |
var reader = new FileReader(); |
/*读取文件数据 this.files[0] 文件表单元素选择的第一个文件 */ |
reader.readAsDataURL(this.files[0]); |
/*读取的过程就相当于 加载过程 */ |
/*读取完毕 预览 */ |
reader.onload = function () { |
/*读取完毕 base64位数据 表示图片*/ |
console.log(this.result); |
document.querySelector(‘#img‘).src = this.result; |
} |
} |
</script> |
原文:https://www.cnblogs.com/rainbowLover/p/13051348.html