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 异步操作
posted @ 2020-12-01 22:48  feichengwurao  阅读(76)  评论(0编辑  收藏  举报