jquery文件阅读器 显示需要上传图片的预览功能

<script>
{#文本域变化事件 change #}
$('#myfile').change(function () {
// 需要文本阅读器
// 1 先生成文件阅读器
let MyFileReaderObj = new FileReader();
// 2 获取用户上传文件
let fileObj = $(this)[0].files[0];
{#console.log(fileObj)#}
// 3 将文件对象交给阅读器对象读取
MyFileReaderObj.readAsDataURL(fileObj) //这里是个异步操作 又是IO操作
// 等待文件阅读器加载完毕 在执行操作
MyFileReaderObj.onload = function(){
// 4 利用文件阅读器 展示前端 修改src属性
$('#myimg').attr('src',MyFileReaderObj.result)
}
})
</script>

只要是跟电脑本地操作 都是IO 异步操作
原文地址:https://www.cnblogs.com/xuexihainan/p/14071340.html