首页 > 代码库 > JS图片上传预览
JS图片上传预览
HTML部分:
<img id="avatar" class="editable img-responsive" alt="头像" src="/static/avatar/user.png" style="width: 100px;height: 100px;" /><input id="image" name="image" type="file" style="display: none">
JS部分:
<script>$(‘#avatar‘).click(function(){ $("#image").trigger(‘click‘); });$(‘#image‘).on(‘change‘,function(){ var imgdate = $(this).get(0); var showing = document.getElementById(‘avatar‘); if(imgdate.files && imgdate.files[0]){ showing.src = window.URL.createObjectURL(imgdate.files[0]); }});</script>
JS图片上传预览
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。