获取本地图片展示在页面上

html 代码

<form>
<span> 选择文件<input type="file" id="uploadFile" onchange="readLocalFile()";/></span>
       <img src="" id="img"/>

        </form>

JS代码

function readLocalFile(){
       var localFile = $("#uploadFile")[0].files[0];
       var reader = new FileReader();
       var content;
       reader.onload = function(event) {
         
 content = event.target.result;
           
$("#img")[0].src = content;
       }
       
content = reader.readAsDataURL(localFile,"UTF-8");
}