日常js上传图片预览效果

2018-03-29 本文已影响0人 banbans

html代码

<div class="col-md-6">
    <img src="" alt="暂无头像" class="img" >
    <input name="" type="file" class="itxt" id="desigerPic" >
</div>

js代码

var mypic=document.getElementById(obj).files[0];
document.getElementById(showPhoto).src=window.URL.createObjectURL(mypic);

jq代码

var mypic=$(this).get(0).files[0];
$(this).siblings('.img').attr('src',window.URL.createObjectURL(mypic));