预览InputFile
Posted Tekkaman
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了预览InputFile相关的知识，希望对你有一定的参考价值。
【预览InputFile】
通过input的files属性，可以取到选择的File对象，通过FileReader可以将File对象读取出来。
<body> <input type="file" id=‘file‘; onchange="c()"> <img src="" id=‘show‘> </body> <script type="text/javascript"> function c () { var r= new FileReader(); f=document.getElementById(‘file‘).files[0]; r.readAsDataURL(f); r.onload=function (e) { document.getElementById(‘show‘).src=this.result; }; } </script>
参考：https://zhidao.baidu.com/question/872147854254047812.html
以上是关于预览InputFile的主要内容，如果未能解决你的问题，请参考以下文章